Add icons to this collection by clicking the heart icon.
Coffee icon - also known as food, coffee, hot drink, coffee cup, mug, chocolate, and food and restaurant. Created in a clean flat style with a white, silver, black, and maroon finish, 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="100"
height="100"
viewBox="0 0 512 512"
>
<circle cx="256" cy="256" r="256" fill="#88c5cc" />
<path
d="M50.028 408C96.656 471.08 171.54 512 256 512s159.344-40.92 205.972-104H50.028z"
fill="#66401e"
/>
<path
d="M284 268c-22.092 0-40 17.908-40 40s17.908 40 40 40 40-17.908 40-40-17.908-40-40-40zm0 60c-11.048 0-20-8.952-20-20s8.952-20 20-20 20 8.952 20 20-8.952 20-20 20z"
fill="#f5f5f5"
/>
<path
d="M280 288.408a19.664 19.664 0 0 0-4-.408c-11.048 0-20 8.952-20 20s8.952 20 20 20c1.372 0 2.708-.14 4-.408-9.128-1.852-16-9.916-16-19.592s6.872-17.744 16-19.592zM284 268a41.33 41.33 0 0 0-4 .2c20.212 2.008 36 19.06 36 39.8s-15.788 37.792-36 39.8c1.316.128 2.652.2 4 .2 22.092 0 40-17.908 40-40s-17.908-40-40-40z"
fill="#e6e6e6"
/>
<path
d="M276 272c0 6.6-5.4 12-12 12H80c-6.6 0-12-5.4-12-12v-48c0-6.6 5.4-12 12-12h184c6.6 0 12 5.4 12 12v48z"
fill="#f5f5f5"
/>
<path
d="M264 212h-12c6.6 0 12 5.4 12 12v48c0 6.6-5.4 12-12 12h12c6.6 0 12-5.4 12-12v-48c0-6.6-5.4-12-12-12z"
fill="#e6e6e6"
/>
<path d="M244 408H100L88 284h168z" fill="#f5f5f5" />
<path d="m244 284-12 124h12l12-124z" fill="#e6e6e6" />
<path d="m255.228 292 .772-8H88l.772 8z" fill="#e6e6e6" />
<path
d="M176 52c-4 52 56 64 4 124 24-36-40-68-4-124z"
opacity=".3"
fill="#e6e6e6"
/>
<path
d="M136 100c4 44 48 52 4 96 16-24-32-52-4-96z"
opacity=".2"
fill="#e6e6e6"
/>
<path
d="M482.14 376H324c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h137.972a256.29 256.29 0 0 0 20.168-32z"
fill="#f5f5f5"
/>
<path
d="M220 100c4 44 48 52 4 96 16-24-32-52-4-96z"
opacity=".2"
fill="#e6e6e6"
/>
<path
d="M479.964 380H312v24h152.816c5.464-7.704 10.544-15.7 15.148-24z"
fill="#242424"
/>
<circle cx="380" cy="392" r="8" fill="#f5f5f5" />
<circle cx="404" cy="392" r="8" fill="#f5f5f5" />
<path
d="M352 396h-12c-2.208 0-4-1.792-4-4s1.792-4 4-4h12c2.208 0 4 1.792 4 4s-1.792 4-4 4z"
fill="#f5f5f5"
/>
</svg>
More icons in the same style and category