Add icons to this collection by clicking the heart icon.
Tea Cup icon - also known as hot drink, coffee cup, mug, coffee breaks, bubble tea, chocolate, tea cup, food and restaurant, and furniture and household. Created in a clean lineal color style with a white, silver, gray, black, red, maroon, teal, and orange 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 0h-98.03c16.95 0 30.69 23.74 30.69 40.69v87.8h36.65v-87.8C-30.69 23.74-16.95 0 0 0"
transform="translate(304.94 32.845)"
fill="#e27959"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-18c-16.95 0-30.69 23.74-30.69 40.69v87.8h18v-87.8C-30.69 23.74-16.95 0 0 0"
transform="translate(304.94 32.845)"
fill="#af3828"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-19.86-16.101-35.96-35.96-35.96h-325.78c-19.861 0-35.96 16.1-35.96 35.96z"
transform="translate(454.85 197.295)"
fill="#dcf1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h30c0-19.86-16.101-35.96-35.96-35.96h-30C-16.101-35.96 0-19.86 0 0"
transform="translate(424.85 197.295)"
fill="#b6e5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-10.79-8.729-19.53-19.489-19.53h-457.7c-5.38 0-10.25 2.19-13.781 5.72A19.459 19.459 0 0 0-496.68 0c0 5.45 4.41 9.87 9.861 9.87h476.96A9.84 9.84 0 0 0-2.89 6.98 9.84 9.84 0 0 0 0 0"
transform="translate(504.34 216.825)"
fill="#ff485e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a9.84 9.84 0 0 0 2.89-6.98c0-10.79-8.73-19.53-19.49-19.53h-30c10.76 0 19.49 8.74 19.49 19.53 0 2.72-1.1 5.19-2.89 6.98a9.841 9.841 0 0 1-6.97 2.89h30C-4.25 2.89-1.78 1.78 0 0"
transform="translate(501.45 223.805)"
fill="#d82356"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-8.91-124.87c-1.1-15.27-13.81-27.11-29.12-27.11h-130.19c-11.12 0-20.87 6.25-25.79 15.52a28.995 28.995 0 0 0-3.33 11.59L-206.26 0Z"
transform="translate(359.05 378.67)"
fill="#dcf1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-8.91-124.87c-1.1-15.27-13.81-27.11-29.12-27.11h-130.19c-11.12 0-20.87 6.25-25.79 15.52h153c8.72 0 15.95 6.75 16.56 15.45L-16 0Z"
transform="translate(359.05 378.67)"
fill="#b6e5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-6.61-92.56h-128.83L-142.05 0c17.75 0 17.75-10 35.51-10 17.75 0 17.75 10 35.51 10 17.759 0 17.759-10 35.519-10 5.231 0 8.921.87 11.971 2.09C-16.22-4.98-12.53 0 0 0"
transform="translate(326.95 349.25)"
fill="#69e880"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-6.61-92.56h-22.571l5.641 84.65C-16.22-4.98-12.53 0 0 0"
transform="translate(326.95 349.25)"
fill="#3fc9a5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-387.384c-5.441 0-9.851-4.42-9.851-9.874 0-10.783 8.722-19.525 19.482-19.525h71.479"
transform="translate(404.9 226.694)"
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 0h351.651c10.76 0 19.483 8.742 19.483 19.526 0 5.453-4.41 9.873-9.852 9.873h-54.634"
transform="translate(133.202 197.294)"
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-19.862-16.103-35.964-35.965-35.964h-325.777c-19.862 0-35.965 16.102-35.965 35.964"
transform="translate(454.853 197.294)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-87.797c0-16.949 13.739-40.688 30.688-40.688h-98.031c16.949 0 30.689 23.739 30.689 40.688V0"
transform="translate(274.252 161.33)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-130.191c-15.314 0-28.024 11.834-29.116 27.109l-8.919 124.872h206.26L29.115 27.109C28.023 11.834 15.313 0 0 0Z"
transform="translate(321.02 226.694)"
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 0h34.23l-4.479-56.93c-.858-10.913-9.965-19.332-20.912-19.332H-5.447"
transform="translate(357.144 351.935)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-2.271 31.78c17.756 0 17.756-10 35.513-10 17.756 0 17.756 10 35.512 10 17.758 0 17.758-10 35.516-10s17.758 10 35.516 10l-6.611-92.557H4.341L2.528-35.399"
transform="translate(187.167 317.47)"
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-9.792-7.937-17.729-17.729-17.729h-60c-9.792 0-17.73-7.938-17.73-17.73"
transform="translate(319.993 449.155)"
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-9.792-7.938-17.729-17.729-17.729h-30c-9.792 0-17.73-7.938-17.73-17.73"
transform="translate(257.466 479.155)"
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