Add icons to this collection by clicking the heart icon.
Hot Coffee icon - also known as hot drink, coffee shop, coffee cup, hot beverage, coffee mug, hot coffee, and food and restaurant. 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 36 36"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fbe61b" />
<stop offset=".15" stop-color="#fad521" />
<stop offset=".328" stop-color="#f8bc29" />
<stop offset=".586" stop-color="#f59336" />
<stop offset=".704" stop-color="#f47f3d" />
<stop offset="1" stop-color="#f04c4d" />
</linearGradient>
<linearGradient
id="b"
x1="-.097"
x2="36.655"
y1="21.532"
y2="21.457"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-.127"
x2="36.625"
y1="7.022"
y2="6.947"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-.127"
x2="36.625"
y1="7.033"
y2="6.958"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-.126"
x2="36.625"
y1="7.044"
y2="6.969"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M27 12h-1c0-.5-.5-1-1-1H7c-.5 0-1 .5-1 1v8c0 3.9 3.1 7 7 7H8c-1.1 0-2 .9-2 2v1c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-1c0-1.1-.9-2-2-2h-5c3.6 0 6.6-2.7 6.9-6.2l1.8-.4c1.3-.3 2.3-1.5 2.3-2.9V15c0-1.7-1.3-3-3-3zM9 30H8v-1h1zm3 0h-1v-1h1zm11-1h1v1h-1zm-3 0h1v1h-1zm-5 1h-1v-1h1zm3 0h-1v-1h1zm6-13H8v-2h16zm4 .4c0 .5-.3.9-.8 1l-1.2.3V14h1c.6 0 1 .4 1 1z"
/>
<path
fill="url(#c)"
d="M9 10c.2 0 .3 0 .4-.1l1-.5c.5-.3.9-.7 1.1-1.2s.1-1.1-.1-1.6c0 0 0-.1.1-.2l1-.5c.5-.2.7-.8.4-1.3s-.9-.7-1.3-.5l-1 .5c-.6.3-.9.7-1.1 1.2-.2.6-.1 1.1.1 1.6 0 0 0 .1-.1.2l-1 .5c-.4.3-.6.9-.4 1.3s.5.6.9.6z"
/>
<path
fill="url(#d)"
d="M14.5 10c.2 0 .3 0 .4-.1l1-.5c.5-.3.9-.7 1.1-1.2s.1-1.1-.1-1.6c0 0 0-.1.1-.2l1-.5c.5-.2.7-.8.4-1.3-.2-.5-.8-.7-1.3-.4l-1 .5c-.5.3-.9.7-1.1 1.2s-.1 1.1.1 1.6c0 0 0 .1-.1.2l-1 .5c-.5.2-.7.8-.4 1.3.2.3.5.5.9.5z"
/>
<path
fill="url(#e)"
d="M20 10c.2 0 .3 0 .4-.1l1-.5c.5-.3.9-.7 1.1-1.2s.1-1.1-.1-1.6c0 0 0-.1.1-.2l1-.5c.5-.2.7-.8.4-1.3-.2-.5-.8-.7-1.3-.4l-1 .5c-.5.3-.9.7-1.1 1.2s-.1 1.1.1 1.6c0 0 0 .1-.1.2l-1 .5c-.5.2-.7.8-.4 1.3.2.3.5.5.9.5z"
/>
</svg>
More icons in the same style and category