Add icons to this collection by clicking the heart icon.
Hot Drink icon - also known as cup, coffee, hot drink, restaurant, mug, cafe, and food and restaurant. Created in a clean 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 64 64"
>
<linearGradient
id="a"
x1="7.337"
x2="58.634"
y1="68.026"
y2="13.814"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff200" />
<stop offset="1" stop-color="#cd118c" />
</linearGradient>
<linearGradient
id="b"
x1="-16.525"
x2="34.772"
y1="45.447"
y2="-8.765"
href="#a"
/>
<linearGradient
id="c"
x1="-12.491"
x2="38.806"
y1="49.263"
y2="-4.948"
href="#a"
/>
<linearGradient
id="d"
x1="-14.502"
x2="36.795"
y1="47.36"
y2="-6.851"
href="#a"
/>
<linearGradient
id="e"
x1="-4.917"
x2="46.38"
y1="56.43"
y2="2.218"
href="#a"
/>
<linearGradient
id="f"
x1="-.884"
x2="50.413"
y1="60.246"
y2="6.035"
href="#a"
/>
<linearGradient
id="g"
x1="-2.895"
x2="48.402"
y1="58.344"
y2="4.132"
href="#a"
/>
<path
fill="url(#a)"
d="M61 55H36.493a25.083 25.083 0 0 0 7.394-5.025A13.308 13.308 0 0 0 49 51a12.772 12.772 0 0 0 13-12.5 12.538 12.538 0 0 0-9.008-11.891c-.009-.893-.045-1.8-.117-2.69a1 1 0 0 0-1-.919H3.122a1 1 0 0 0-1 .919A39.778 39.778 0 0 0 2 27c0 13.116 6.325 23.751 15.7 28H3a1 1 0 0 0-1 1v3a3 3 0 0 0 3 3h54a3 3 0 0 0 3-3v-3a1 1 0 0 0-1-1zm-1-16.5A10.771 10.771 0 0 1 49 49a11.381 11.381 0 0 1-3.626-.59A28.2 28.2 0 0 0 47.259 46a8.256 8.256 0 0 0 1.741.21 7.868 7.868 0 0 0 8-7.71 7.605 7.605 0 0 0-4.3-6.816q.19-1.464.261-2.976A10.51 10.51 0 0 1 60 38.5zm-11.555 5.667a32.232 32.232 0 0 0 3.907-10.387A5.59 5.59 0 0 1 55 38.5a5.867 5.867 0 0 1-6 5.71c-.188 0-.371-.027-.555-.043zM4 27c0-.661.019-1.331.056-2h46.888c.037.669.056 1.339.056 2 0 15.7-10.542 28-24 28C13.888 55 4 42.963 4 27zm56 32a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-2h56z"
/>
<path
fill="url(#b)"
d="M10 15a3 3 0 0 1 3-3h7a3 3 0 0 0 3-3V2h-2v7a1 1 0 0 1-1 1h-7a5.006 5.006 0 0 0-5 5v4h2z"
/>
<path
fill="url(#c)"
d="M16 14a3 3 0 0 0-3 3v2h2v-2a1 1 0 0 1 1-1h7a5.006 5.006 0 0 0 5-5V7h-2v4a3 3 0 0 1-3 3z"
/>
<path fill="url(#d)" d="M26 2h2v3h-2z" />
<path
fill="url(#e)"
d="M32 15a3 3 0 0 1 3-3h7a3 3 0 0 0 3-3V2h-2v7a1 1 0 0 1-1 1h-7a5.006 5.006 0 0 0-5 5v4h2z"
/>
<path
fill="url(#f)"
d="M38 14a3 3 0 0 0-3 3v2h2v-2a1 1 0 0 1 1-1h7a5.006 5.006 0 0 0 5-5V7h-2v4a3 3 0 0 1-3 3z"
/>
<path fill="url(#g)" d="M48 2h2v3h-2z" />
</svg>
More icons in the same style and category