Add icons to this collection by clicking the heart icon.
Hot Tea icon - also known as cup, drink, tea, beverage, hot drink, food and restaurant, and hot tea. Created in a clean lineal 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="496pt"
height="496pt"
viewBox="0 -4 496 496"
>
<linearGradient id="a">
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="36.232"
x2="539.504"
y1="551.072"
y2="47.808"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-157.416"
x2="345.848"
y1="357.416"
y2="-145.848"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-109.416"
x2="393.848"
y1="405.416"
y2="-97.848"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-61.416"
x2="441.848"
y1="453.416"
y2="-49.848"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-43.416"
x2="459.848"
y1="471.416"
y2="-31.848"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-3.416"
x2="499.848"
y1="511.416"
y2="8.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-5.416"
x2="497.848"
y1="509.424"
y2="6.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M488 440H373.152A71.861 71.861 0 0 0 400 384V112a8 8 0 0 0-8-8H104a8 8 0 0 0-8 8v272a71.861 71.861 0 0 0 26.848 56H8a8 8 0 0 0-8 8v16c0 13.254 10.746 24 24 24h448c13.254 0 24-10.746 24-24v-16a8 8 0 0 0-8-8zM384 120v232H112V120zM112 384v-16h272v16c-.035 30.914-25.086 55.965-56 56H168c-30.914-.035-55.965-25.086-56-56zm368 80a8 8 0 0 1-8 8H24a8 8 0 0 1-8-8v-8h464zm0 0"
/>
<path
fill="url(#c)"
d="M139.2 88a8 8 0 0 0 16 0 12.389 12.389 0 0 1 3.288-8.64c8.407-10.528 8.407-25.473 0-36a12.423 12.423 0 0 1-3.289-8.68 12.435 12.435 0 0 1 3.297-8.664A28.007 28.007 0 0 0 164.801 8a8 8 0 0 0-16 0 12.412 12.412 0 0 1-3.297 8.672 27.964 27.964 0 0 0-6.305 18.008 28.007 28.007 0 0 0 6.305 18.015 13.014 13.014 0 0 1 0 17.305 27.936 27.936 0 0 0-6.305 18zm0 0"
/>
<path
fill="url(#d)"
d="M235.2 88a8 8 0 0 0 16 0 12.389 12.389 0 0 1 3.288-8.64c8.407-10.528 8.407-25.473 0-36a12.423 12.423 0 0 1-3.289-8.68 12.435 12.435 0 0 1 3.297-8.664A28.007 28.007 0 0 0 260.801 8a8 8 0 0 0-16 0 12.412 12.412 0 0 1-3.297 8.672 27.964 27.964 0 0 0-6.305 18.008 28.007 28.007 0 0 0 6.305 18.015 13.014 13.014 0 0 1 0 17.305 27.936 27.936 0 0 0-6.305 18zm0 0"
/>
<path
fill="url(#e)"
d="M331.2 88a8 8 0 0 0 16 0 12.389 12.389 0 0 1 3.288-8.64c8.407-10.528 8.407-25.473 0-36a12.423 12.423 0 0 1-3.289-8.68 12.435 12.435 0 0 1 3.297-8.664A28.007 28.007 0 0 0 356.801 8a8 8 0 0 0-16 0 12.412 12.412 0 0 1-3.297 8.672 27.964 27.964 0 0 0-6.305 18.008 28.007 28.007 0 0 0 6.305 18.015 13.014 13.014 0 0 1 0 17.305 27.936 27.936 0 0 0-6.305 18zm0 0"
/>
<path
fill="url(#f)"
d="M240 152h88a8 8 0 0 0 0-16h-88a8 8 0 0 0 0 16zm0 0"
/>
<path fill="url(#g)" d="M360 152h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16zm0 0" />
<path
fill="url(#h)"
d="M240 311.39v17.946a8 8 0 0 0 16 0V311.39c24.215-3.43 40-22.461 40-49.598 0-29.89-37.434-78.602-41.695-84.05-1.575-1.845-3.88-2.911-6.305-2.911s-4.73 1.066-6.305 2.91C237.434 183.2 200 231.895 200 261.785c0 27.145 15.785 46.176 40 49.606zm8-115.335c12.559 17.547 32 48.402 32 65.73 0 18.399-8.848 30.336-24 33.383v-14.887l16.441-10.96a8.007 8.007 0 0 0 2.22-11.102A8.007 8.007 0 0 0 263.558 256L256 261.04v-17.49a8 8 0 0 0-16 0v17.497L232.441 256a8.002 8.002 0 0 0-8.882 13.313L240 280.28V295.2c-15.152-3.047-24-15.008-24-33.383 0-17.359 19.441-48.214 32-65.761zm0 0"
/>
</svg>
More icons in the same style and category