Add icons to this collection by clicking the heart icon.
Tea icon - also known as cup, relax, drink, tea, drinking, herbal, wellness, and food and restaurant. Created in a clean lineal color style with a white, silver, gray, black, and teal finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-30-60H0c16.568 0 30 13.431 30 30V0Z"
transform="translate(308.5 157.5)"
fill="#4fdbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30c0-16.569 13.431-30 30-30h75c16.568 0 30 13.431 30 30V0Z"
transform="translate(173.5 157.5)"
fill="#8ae7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-33.084 0-60 26.916-60 60 0 8.271 6.729 15 15 15 5.916 0 11.298-3.502 13.735-8.974l8.186-18.282c5.99-13.379 20.572-20.212 34.326-16.924H158.5L1 105h-46c-24.853 0-45-20.147-45-45 0-49.706 40.294-90 90-90h158.5V0Z"
transform="translate(97.5 264.5)"
fill="#8ae7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-75-242h30c16.568 0 30 13.432 30 30 0 106 45 106 45 212z"
transform="translate(383.5 369.5)"
fill="#8ae7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 59.104 13.221 90.247 24.886 117.723C35.679 143.147 45 165.104 45 212h-285c0-106 45-106 45-212 0-16.568 13.431-30 30-30h135C-13.432-30 0-16.568 0 0"
transform="translate(338.5 157.5)"
fill="#c4f3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-45h30c16.568 0 30 13.431 30 30V0Z"
transform="translate(399.5 52.5)"
fill="#8ae7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v15h-377V0c0-16.569 13.432-30 30-30h317C-13.432-30 0-16.569 0 0"
transform="translate(429.5 37.5)"
fill="#c4f3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30v-30H0c8.284 0 15 6.716 15 15C15-6.716 8.284 0 0 0"
transform="translate(489.5 67.5)"
fill="#c4f3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 8.284-6.716 15-15 15h-437c-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15h437C-6.716-15 0-8.284 0 0"
transform="translate(474.5 52.5)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a104.822 104.822 0 0 1-35.117 6.024c0-57.983 46.999-104.989 104.981-104.999z"
transform="translate(186.117 498.476)"
fill="#94e368"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.001 45.674-29.165 84.528-69.883 98.976C-67.801 43.799-37.322.016 0 0"
transform="translate(256 399.5)"
fill="#61ce5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-69.873-98.976c57.985.006 104.99 47.014 104.99 105A104.822 104.822 0 0 1 0 0"
transform="translate(325.883 498.476)"
fill="#2db94d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-40.718-14.448-69.882-53.302-69.883-98.973C-32.566-98.968-2.082-55.181 0 0"
transform="translate(325.883 498.476)"
fill="#61ce5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h407c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15H-60c-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15h30c0-16.569 13.432-30 30-30h347c16.568 0 30 13.431 30 30"
transform="translate(82.5 37.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-106 45-106 45-212 0-16.568 13.432-30 30-30 0-16.569 13.432-30 30-30h105c16.568 0 30 13.431 30 30"
transform="translate(98.5 369.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-23.076c-33.084 0-60 26.916-60 60 0 8.271 6.729 15 15 15 5.916 0 11.298-3.502 13.736-8.974l8.185-18.282c5.99-13.379 20.572-20.212 34.326-16.924"
transform="translate(120.576 264.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-34.839c-49.706 0-90 40.294-90 90 0 24.853 20.147 45 45 45h361c0-106-45-106-45-212 0-16.568-13.432-30-30-30h-135"
transform="translate(132.34 234.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-2.082-55.181-32.566-98.968-69.873-98.976-37.332.016-67.811 43.8-69.893 98.976"
transform="translate(325.883 498.476)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-57.99-47.01-105-105-105S-210-57.99-210 0c57.99 0 105-47.01 105-105C-105-47.01-57.99 0 0 0z"
transform="translate(361 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category