Add icons to this collection by clicking the heart icon.
Coffee icon - also known as food, drink, coffee, beverage, takeaway, cafe, coffee bean, food and restaurant, to go, to go cup, and cup carrier. 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 24 24"
>
<linearGradient
id="a"
x1="17.066"
x2="17.066"
y1=".055"
y2="24.056"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a8e63c" />
<stop offset="1" stop-color="#468158" />
</linearGradient>
<linearGradient
id="b"
x1="18.93"
x2="18.93"
y1=".055"
y2="24.056"
href="#a"
/>
<linearGradient id="c" x1="8.5" x2="8.5" y1=".055" y2="24.055" href="#a" />
<linearGradient id="d" x1="8.5" x2="8.5" y1=".055" y2="24.056" href="#a" />
<g>
<path
fill="url(#a)"
d="M20.131 13.455a3.636 3.636 0 0 0-4.19.585l-.9.9a3.5 3.5 0 0 0-.595 4.2z"
/>
<path
fill="url(#b)"
d="M15.859 20.555a3.5 3.5 0 0 0 4.2-.595l.9-.9a3.5 3.5 0 0 0 .595-4.2z"
/>
<g fill="url(#c)">
<path
d="M13 5H4a1 1 0 0 1 0-2h9a1 1 0 0 1 0 2zM3 8h.074l.077 1h10.7l.077-1H14a1 1 0 0 0 0-2H3a1 1 0 0 0 0 2zM3.843 18l.089 1.154A2.01 2.01 0 0 0 5.926 21h5.148a2.01 2.01 0 0 0 1.994-1.846L13.157 18z"
/>
</g>
<path
fill="url(#d)"
d="M3.689 16h9.622l.384-5H3.305zm4.6-3.707a1 1 0 0 1 1.414 1.414l-1 1a1 1 0 1 1-1.414-1.414z"
/>
</g>
</svg>
More icons in the same style and category