Add icons to this collection by clicking the heart icon.
Coffee icon - also known as cup, drink, coffee, female, beverage, gender, mug, symbol, 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#f291d0" />
<stop offset=".501" stop-color="#7816c4" />
<stop offset="1" stop-color="#5b1493" />
</linearGradient>
<linearGradient
id="b"
x1="32.446"
x2="32.446"
y1="-5.522"
y2="72.514"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="35"
x2="35"
y1="-5.522"
y2="72.514"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="32"
x2="32"
y1="-5.522"
y2="72.514"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="41.677"
x2="41.677"
y1="-5.522"
y2="72.514"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="22.677"
x2="22.677"
y1="-5.522"
y2="72.514"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M35.7.553a.995.995 0 0 0-.68-.529.998.998 0 0 0-.84.195c-3.261 2.609-5.047 5.611-5.309 8.923-.417 5.286 3.233 9.36 3.389 9.531a1.001 1.001 0 0 0 1.733-.789c-.007-.06-.677-5.969.741-9.513C36.84 3.106 35.823.799 35.7.553z"
/>
<path
fill="url(#c)"
d="M54 25h-3v-1c0-1.654-1.346-3-3-3H16c-1.654 0-3 1.346-3 3v20c0 4.633 2.445 8.697 6.104 11H10a1 1 0 0 0-1 1v1c0 3.859 3.141 7 7 7h32c3.859 0 7-3.141 7-7v-1a1 1 0 0 0-1-1h-9.104a13.009 13.009 0 0 0 5.934-9H54c3.859 0 7-3.141 7-7v-7c0-3.859-3.141-7-7-7zm-3 6h3a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-3zm-2 13c0 6.065-4.935 11-11 11H26c-6.065 0-11-4.935-11-11V24a1 1 0 0 1 1-1h32a1 1 0 0 1 1 1z"
/>
<path
fill="url(#d)"
d="M32 27c-6.065 0-11 4.935-11 11s4.935 11 11 11 11-4.935 11-11-4.935-11-11-11zm0 20c-4.963 0-9-4.037-9-9s4.037-9 9-9 9 4.037 9 9-4.037 9-9 9z"
/>
<path
fill="url(#d)"
d="M36.5 35.5c0-2.481-2.019-4.5-4.5-4.5s-4.5 2.019-4.5 4.5c0 2.137 1.5 3.922 3.5 4.379V41h-1a1 1 0 1 0 0 2h1v2a1 1 0 1 0 2 0v-2h1a1 1 0 1 0 0-2h-1v-1.121c2-.457 3.5-2.242 3.5-4.379zM32 38c-1.379 0-2.5-1.121-2.5-2.5S30.621 33 32 33s2.5 1.121 2.5 2.5S33.379 38 32 38z"
/>
<path
fill="url(#e)"
d="M41.28 18.946c.405-.129.686-.507.697-.932 0-.014.053-1.351 1.361-3.968 1.602-3.203.853-7.079.819-7.243a1.009 1.009 0 0 0-1.078-.798 1 1 0 0 0-.896.885c-.029.124-.293 1.045-2.063 3.996-2.518 4.194-.049 7.572.058 7.714a.986.986 0 0 0 1.102.346z"
/>
<path
fill="url(#f)"
d="M22.28 18.946c.405-.129.686-.507.697-.932 0-.014.053-1.351 1.361-3.968 1.602-3.203.853-7.079.819-7.243a1.009 1.009 0 0 0-1.078-.798 1 1 0 0 0-.896.885c-.029.124-.293 1.045-2.063 3.996-2.518 4.194-.049 7.572.058 7.714a.986.986 0 0 0 1.102.346z"
/>
</svg>
More icons in the same style and category