Add icons to this collection by clicking the heart icon.
Coffee icon - also known as food, drink, coffee, beverage, drinks, hot drink, takeaway, mug, coffee breaks, and food and restaurant. Created in a clean flat style with a white, silver, gray, black, olive, teal, and pink 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="512"
height="512"
viewBox="0 0 64 64"
>
<path
fill="#cbaf8c"
d="M26.08 46H5.92c-.52 0-.95-.4-1-.91L2 12h28l-2.92 33.09c-.05.51-.48.91-1 .91z"
/>
<path
fill="#815c3f"
d="M28.15 2H3.85a1 1 0 0 0-.99.84L2 8h28l-.86-5.16a1 1 0 0 0-.99-.84z"
/>
<path
fill="#c3a684"
d="m25 12-2.92 33.09a1 1 0 0 1-1 .91h5c.52 0 .95-.4 1-.91L30 12z"
/>
<path
fill="#755339"
d="M29.14 2.84a1 1 0 0 0-.99-.84h-5a1 1 0 0 1 .99.84L25 8h5z"
/>
<path
fill="#ebf5fd"
d="M29.12 22h-5.13c-1.82-2.43-4.71-4-7.98-4s-6.16 1.57-7.98 4H2.88l1.06 12h4.08c1.82 2.43 4.71 4 7.98 4s6.16-1.57 7.98-4h4.08z"
/>
<path
fill="#cde6f5"
d="M16 39c-3.31 0-6.37-1.45-8.47-4h-4.5L1.79 21h5.74c2.1-2.55 5.16-4 8.47-4s6.37 1.45 8.47 4h5.74l-1.24 14h-4.51c-2.09 2.55-5.15 4-8.46 4z"
/>
<path
fill="#f5faff"
d="M16 39c-3.31 0-6.37-1.45-8.47-4h-4.5L1.79 21h5.74c2.1-2.55 5.16-4 8.47-4s6.37 1.45 8.47 4h5.74l-1.24 14h-4.51c-2.09 2.55-5.15 4-8.46 4z"
/>
<path
fill="#8c6445"
d="m23.48 33-.3.4C21.46 35.69 18.84 37 16 37s-5.46-1.31-7.18-3.6l-.3-.4H2.85l.18 2h4.51c2.1 2.55 5.16 4 8.47 4s6.37-1.45 8.47-4h4.51l.18-2zM8.52 23l.3-.4C10.54 20.31 13.16 19 16 19s5.46 1.31 7.18 3.6l.3.4h6.55l.18-2h-5.74c-2.1-2.55-5.16-4-8.47-4s-6.37 1.45-8.47 4H1.79l.18 2z"
/>
<path fill="#ebf5fd" d="m30.21 21-.18 2h-3l-.88 10h3z" />
<g fill="#815c3f">
<path
d="m28.97 35 .18-2zM26.15 33l-.18 2h3l.18-2zM30.21 21h-3l-.18 2h3z"
/>
</g>
<ellipse cx="16" cy="28" fill="#8c6445" rx="4" ry="6" />
<path
fill="#755339"
d="M17.02 22.2c-.33-.12-.67-.2-1.02-.2-.43 0-.84.1-1.22.29-.44 1.08-.65 2.15-.57 3.21.08 1.26.52 2.15.9 2.94.35.71.64 1.33.7 2.2.06.93-.17 1.9-.69 2.9l-.13.26c.32.12.66.2 1.01.2.43 0 .84-.1 1.22-.29.44-1.08.65-2.15.57-3.21-.08-1.27-.52-2.16-.9-2.94-.35-.71-.64-1.33-.7-2.2-.06-.93.17-1.9.69-2.9z"
/>
<path
fill="#dcedfa"
d="M55 38c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm0 12c-2.13 0-4-1.87-4-4s1.87-4 4-4 4 1.87 4 4-1.87 4-4 4z"
/>
<path
fill="#cde6f5"
d="M47 46c0 3.72 2.54 6.83 5.97 7.73.76-1.21 1.37-2.46 1.85-3.75C52.77 49.88 51 48.07 51 46c0-2.13 1.87-4 4-4 .34 0 .68.06 1 .15v-4.09c-.33-.03-.66-.06-1-.06-4.42 0-8 3.58-8 8z"
/>
<path
fill="#ebf5fd"
d="M53 35H21c-.55 0-1 .45-1 1v7.53c0 5.66 2.98 11.07 8.39 15.26.17.14.39.21.61.21h16c.22 0 .44-.07.61-.21 5.41-4.18 8.39-9.6 8.39-15.26V36c0-.55-.45-1-1-1z"
/>
<path
fill="#dcedfa"
d="M29 44c0 1.1.9 2 2 2s2-.9 2-2v-9h-4zM53 35h-5c.55 0 1 .45 1 1v7.53c0 5.66-2.98 11.07-8.39 15.26-.17.14-.39.21-.61.21h5c.22 0 .44-.07.61-.21 5.41-4.18 8.39-9.6 8.39-15.26V36c0-.55-.45-1-1-1z"
/>
<path
fill="#ebf5fd"
d="M58.79 57.38c-.19-.24-.48-.38-.79-.38H16c-.31 0-.6.14-.79.38s-.26.56-.18.86l.24.97A4.995 4.995 0 0 0 20.12 63h33.75c2.3 0 4.29-1.56 4.85-3.79l.24-.97c.08-.3.02-.61-.17-.86z"
/>
<path
fill="#dcedfa"
d="M58.65 57.38c-.19-.24-.48-.38-.79-.38h-3.22l-.05.21A5.004 5.004 0 0 1 49.74 61H16c.92 1.22 2.37 2 3.98 2h33.75c2.3 0 4.29-1.56 4.85-3.79l.24-.97c.08-.3.02-.61-.17-.86z"
/>
<path
fill="#fcf3c0"
d="M53 35c0-4-11.47-9-19-9 0 5-13 5-13 9h6v8c0 1.1.9 2 2 2s2-.9 2-2v-8z"
/>
<path
fill="#fdf9e0"
d="M34.75 26.02c-.25-.01-.5-.02-.75-.02 0 5-13 5-13 9h4c0-4 9.73-4 9.75-8.98z"
/>
<path
fill="#f9ea91"
d="M37 26.23c5.43 1.02 12 5.28 12 8.77h4c0-3.5-8.77-7.76-16-8.77z"
/>
<path
fill="#dcedfa"
d="M24.43 55c.57.69 1.2 1.36 1.87 2h21.39c.68-.64 1.3-1.31 1.87-2z"
/>
<path
fill="#8c6445"
d="M31 8H1c-.55 0-1 .45-1 1v2c0 .55.45 1 1 1h30c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1z"
/>
<path fill="#815c3f" d="M0 10v1c0 .55.45 1 1 1h30c.55 0 1-.45 1-1v-1z" />
<path fill="#c3a684" d="m29.82 14 .18-2H2l.18 2z" />
</svg>
More icons in the same style and category