Add icons to this collection by clicking the heart icon.
Coffee icon - also known as food, drink, coffee, coffee cup, mug, chocolate, and food and restaurant. Created in a clean flat style with a white, silver, gray, 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 128 128"
>
<path
fill="#d6d6d6"
d="M103.336 89h-14.31v-6h14.31a3 3 0 0 0 3-3v-8a3 3 0 0 0-3-3h-14.31v-6h14.31a9.01 9.01 0 0 1 9 9v8a9.01 9.01 0 0 1-9 9z"
/>
<path
fill="#e8e8ee"
d="m98.28 50.86-.94 6-7.5 47.99A12.015 12.015 0 0 1 77.98 115H50.02a12.015 12.015 0 0 1-11.86-10.15l-7.5-47.99-.94-6z"
/>
<path fill="#d6d6d6" d="m98.28 50.86-.94 6H30.66l-.94-6z" />
<g fill="#e8e8ee">
<path
d="M51 32.25a1.75 1.75 0 0 1-1.75-1.75 9.5 9.5 0 0 1 1.185-4.783 6.078 6.078 0 0 0 .815-3.217 6.078 6.078 0 0 0-.815-3.219A9.5 9.5 0 0 1 49.25 14.5a9.494 9.494 0 0 1 1.185-4.781A6.065 6.065 0 0 0 51.25 6.5a1.75 1.75 0 0 1 3.5 0 9.491 9.491 0 0 1-1.185 4.781 6.065 6.065 0 0 0-.815 3.219 6.078 6.078 0 0 0 .815 3.219A9.5 9.5 0 0 1 54.75 22.5a9.5 9.5 0 0 1-1.185 4.783 6.078 6.078 0 0 0-.815 3.217A1.75 1.75 0 0 1 51 32.25zM63 32.25a1.75 1.75 0 0 1-1.75-1.75 9.5 9.5 0 0 1 1.185-4.783 6.078 6.078 0 0 0 .815-3.217 6.078 6.078 0 0 0-.815-3.219A9.5 9.5 0 0 1 61.25 14.5a9.494 9.494 0 0 1 1.185-4.781A6.065 6.065 0 0 0 63.25 6.5a1.75 1.75 0 0 1 3.5 0 9.491 9.491 0 0 1-1.185 4.781 6.065 6.065 0 0 0-.815 3.219 6.078 6.078 0 0 0 .815 3.219A9.5 9.5 0 0 1 66.75 22.5a9.5 9.5 0 0 1-1.185 4.783 6.078 6.078 0 0 0-.815 3.217A1.75 1.75 0 0 1 63 32.25zM75 32.25a1.75 1.75 0 0 1-1.75-1.75 9.5 9.5 0 0 1 1.185-4.783 6.078 6.078 0 0 0 .815-3.217 6.078 6.078 0 0 0-.815-3.219A9.5 9.5 0 0 1 73.25 14.5a9.494 9.494 0 0 1 1.185-4.781A6.065 6.065 0 0 0 75.25 6.5a1.75 1.75 0 0 1 3.5 0 9.491 9.491 0 0 1-1.185 4.781 6.065 6.065 0 0 0-.815 3.219 6.078 6.078 0 0 0 .815 3.219A9.5 9.5 0 0 1 78.75 22.5a9.5 9.5 0 0 1-1.185 4.783 6.078 6.078 0 0 0-.815 3.217A1.75 1.75 0 0 1 75 32.25z"
/>
</g>
<path
fill="#d78759"
d="M97.24 112.97a5.463 5.463 0 0 1-2.57 1.41c-.07.01-.14.03-.21.04-3.42.73-8.18-1.09-12.01-4.92-5.04-5.05-6.6-11.67-3.48-14.79a5.463 5.463 0 0 1 2.57-1.41c.07-.01.14-.03.21-.04 3.43-.73 8.18 1.09 12.01 4.92 5.05 5.05 6.6 11.67 3.48 14.79z"
/>
<path
fill="#f4a86c"
d="M94.46 116.17a1.752 1.752 0 0 1-1.269-.544 27.971 27.971 0 0 1-6.725-11.175c-.011-.032-.023-.065-.032-.1a24.715 24.715 0 0 0-5.951-9.886 1.75 1.75 0 1 1 2.534-2.414 28.009 28.009 0 0 1 6.716 11.13c.013.035.025.071.037.109a24.6 24.6 0 0 0 5.959 9.922 1.751 1.751 0 0 1-1.269 2.956z"
/>
<ellipse
cx="102.306"
cy="107.231"
fill="#f4a86c"
rx="9.499"
ry="5.883"
transform="rotate(-45 102.294 107.257)"
/>
<path
fill="#d78759"
d="M94.521 113.66a1.749 1.749 0 0 1-1.209-3.015 21.137 21.137 0 0 1 8.394-5.058 17.64 17.64 0 0 0 7.174-4.3 1.75 1.75 0 1 1 2.419 2.529 20.827 20.827 0 0 1-8.391 5.06 17.69 17.69 0 0 0-7.179 4.3 1.747 1.747 0 0 1-1.208.484z"
/>
<path
fill="#d6d6d6"
d="M15.346 112.5h97.308a9 9 0 0 1-9 9H24.346a9 9 0 0 1-9-9z"
/>
</svg>
More icons in the same style and category