Add icons to this collection by clicking the heart icon.
Coffee icon - also known as food, coffee, hot drink, mug, and food and restaurant. Created in a clean flat 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 512 512"
>
<path
fill="#808f9b"
d="M396 336h-80c-5.523 0-10-4.478-10-10s4.477-10 10-10h80c10.684 0 20.73-4.163 28.289-11.722C431.841 296.727 436 286.684 436 276c0-22.056-17.943-40-40-40h-70c-5.523 0-10-4.477-10-10s4.477-10 10-10h70c33.084 0 60 26.916 60 60 0 16.025-6.239 31.091-17.568 42.421C427.096 329.757 412.026 336 396 336z"
/>
<path
fill="#cfe0e9"
d="m96 226-1.23.15 25.88 207.01c3.06 24.47 23.86 42.84 48.53 42.84h123.64c24.67 0 45.479-18.37 48.539-42.84L354.75 326l12.5-100z"
/>
<g fill="#ef3734">
<circle cx="446" cy="106" r="30" />
<path
d="M56 376c11.05 0 20 8.95 20 20s-8.95 20-20 20c-11.04 0-20-8.95-20-20s8.96-20 20-20zM66 56c11.05 0 20 8.95 20 20s-8.95 20-20 20c-11.04 0-20-8.95-20-20s8.96-20 20-20z"
/>
</g>
<path
fill="#abbfcf"
d="m376 156-8.75 70H96l-1.23.15L86 156zM286 316c5.52 0 10 4.48 10 10s-4.48 10-10 10-10-4.48-10-10 4.48-10 10-10z"
/>
<g fill="#ff8a26">
<path
d="M456 186c5.52 0 10-4.48 10-10s-4.48-10-10-10-10 4.48-10 10 4.48 10 10 10zM456 346c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zM396 426c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zM376 96c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zM116 36c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zM56 286c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10z"
/>
</g>
<g fill="#abbfcf">
<path
d="M222.92 49.08c0-5.523-4.477-10-10-10s-10 4.477-10 10a25.551 25.551 0 0 1-17.481 24.263l-28.269 9.42A45.511 45.511 0 0 0 126 126c0 5.523 4.477 10 10 10s10-4.477 10-10a25.54 25.54 0 0 1 17.491-24.263l28.275-9.422A45.526 45.526 0 0 0 222.92 49.08zM296 49.08c0-5.523-4.477-10-10-10s-10 4.477-10 10a25.557 25.557 0 0 1-17.48 24.263l-28.282 9.42A45.514 45.514 0 0 0 199.08 126c0 5.523 4.477 10 10 10s10-4.477 10-10a25.54 25.54 0 0 1 17.48-24.263l28.288-9.422A45.536 45.536 0 0 0 296 49.08zM359.08 39.08c-5.523 0-10 4.477-10 10a25.556 25.556 0 0 1-17.491 24.263l-28.269 9.42A45.51 45.51 0 0 0 272.15 126c0 5.523 4.477 10 10 10 5.522 0 10-4.477 10-10a25.54 25.54 0 0 1 17.49-24.263l28.275-9.422a45.532 45.532 0 0 0 31.164-43.235c.001-5.523-4.476-10-9.999-10z"
/>
</g>
<path
fill="#abbfcf"
d="M296 433.16c0-5.522-4.477-10-10-10H120.65c-.421 0-.833.034-1.239.085l1.239 9.915a48.948 48.948 0 0 0 2.344 10H286c5.523 0 10-4.477 10-10z"
/>
</svg>
More icons in the same style and category