Add icons to this collection by clicking the heart icon.
Hot Tea icon - also known as cup, drink, warm, tea cup, tea break, tea mug, food and restaurant, and hot tea. Created in a clean flat gradient style, 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="512"
height="512"
viewBox="0 0 32 32"
>
<linearGradient id="a">
<stop offset="0" stop-color="#42a5f5" />
<stop offset="1" stop-color="#1e88e5" />
</linearGradient>
<linearGradient
id="c"
x1="21"
x2="29"
y1="17.031"
y2="17.031"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="3"
x2="23"
y1="20"
y2="20"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#bbdefb" />
<stop offset="1" stop-color="#64b5f6" />
</linearGradient>
<linearGradient
id="e"
x1="9"
x2="11"
y1="12"
y2="12"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="13"
x2="17"
y1="4"
y2="4"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="8"
x2="12"
y1="4"
y2="4"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="3"
x2="23"
y1="25"
y2="25"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="7"
x2="13"
y1="16.5"
y2="16.5"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#c)"
d="M22.928 23.062a7.133 7.133 0 0 1-1.092-.076 1 1 0 0 1 .325-1.973c.022.002 2.276.347 3.67-.84C26.605 19.51 27 18.443 27 17v-3c-.007-.546-.455-1-1-1h-4a1 1 0 1 1 0-2h4c1.634 0 2.98 1.34 3 2.988V17c0 2.063-.634 3.646-1.885 4.706-1.348 1.142-3.08 1.356-4.187 1.356z"
/>
<path
fill="url(#d)"
d="M22 9H4a1 1 0 0 0-1 1v15c0 3.309 2.691 6 6 6h8c3.309 0 6-2.691 6-6V10a1 1 0 0 0-1-1z"
/>
<path fill="url(#e)" d="M11 9v5c0 .55-.45 1-1 1s-1-.45-1-1V9z" />
<path
fill="url(#f)"
d="M16 7a1 1 0 0 1-1-1V4c0-.551-.449-1-1-1a1 1 0 0 1 0-2c1.654 0 3 1.346 3 3v2a1 1 0 0 1-1 1z"
/>
<path
fill="url(#g)"
d="M11 7a1 1 0 0 1-1-1V4c0-.551-.449-1-1-1a1 1 0 0 1 0-2c1.654 0 3 1.346 3 3v2a1 1 0 0 1-1 1z"
/>
<path
fill="url(#h)"
d="M23 24v1c0 .34-.03.68-.09 1H3.09c-.06-.32-.09-.66-.09-1v-1z"
/>
<path
fill="url(#i)"
d="m12.447 14.105-2-1a1.001 1.001 0 0 0-.894 0l-2 1A1 1 0 0 0 7 15v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-.553-.895z"
/>
</svg>
More icons in the same style and category