Add icons to this collection by clicking the heart icon.
Coffee icon - also known as clock, time, hour, coffee, beverage, hot drink, break, 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 512 512"
>
<path
fill="#dbedff"
d="m346.987 291.661-3.294 2.972v25.755l3.294 4.164c14.7 7.289 24.833 22.449 24.833 39.938s-10.134 32.65-24.833 39.938l-3.294 5.414-4.808 23.866 3.058 4.799c34.606-6.851 60.782-37.43 60.782-74.016.001-34.787-23.665-64.135-55.738-72.83z"
/>
<path
fill="#60b9fe"
d="M418.054 4.459h-12.668L372.244 24.65l-23.568 31.771-9.945 31.506s.344 27.87 0 28.483c-.343.613 9.541 39.416 9.541 39.416l27.546 36.743 22.922 15.968 16.354 5.204c46.494-12.325 80.764-54.686 80.764-105.057-.001-49.295-32.824-90.918-77.804-104.225z"
/>
<path
fill="#1ca8ff"
d="M340.252 108.684c0-49.295 32.822-90.918 77.802-104.226A108.7 108.7 0 0 0 387.172 0c-60.025 0-108.684 48.66-108.684 108.684 0 60.025 48.659 108.684 108.684 108.684a108.67 108.67 0 0 0 30.882-4.459c-44.98-13.307-77.802-54.929-77.802-104.225z"
/>
<path
fill="#dbedff"
d="M465.201 100.96c-3.643-37.082-33.221-66.66-70.302-70.304l-4.917 2.88h-6.954l-3.582-2.88a77.967 77.967 0 0 0-13.554 2.557l-17.217 23.209-9.945 31.506s.344 27.87 0 28.483c-.343.613 9.541 39.416 9.541 39.416l22.06 29.426a77.937 77.937 0 0 0 9.115 1.46l4.441-2.556h7.383l3.629 2.556c37.08-3.644 66.657-33.221 70.302-70.3 0 0-3.106-4.712-3.106-5.098v-6.439z"
/>
<path
fill="#b5dcff"
d="M309.144 116.412c3.406 34.644 29.451 62.732 63.1 69.245-19.753-19.677-31.992-46.889-31.992-76.974s12.24-57.297 31.992-76.974c-33.65 6.514-59.696 34.603-63.1 69.249l4.519 9.148z"
/>
<g fill="#8bcaff">
<path
d="M465.201 100.96h-8.539a7.726 7.726 0 1 0 0 15.452h8.538c.25-2.543.385-5.12.385-7.729 0-2.606-.134-5.181-.384-7.723zM379.446 30.655v8.54a7.726 7.726 0 1 0 15.452 0v-8.54c-2.543-.25-5.119-.384-7.726-.384s-5.183.134-7.726.384zM325.41 108.686a7.726 7.726 0 0 0-7.726-7.726h-8.54a78.884 78.884 0 0 0-.384 7.724c0 2.608.135 5.185.385 7.729h8.54a7.727 7.727 0 0 0 7.725-7.727zM394.899 186.713v-8.539a7.726 7.726 0 1 0-15.452 0v8.539c2.543.25 5.119.384 7.726.384s5.183-.134 7.726-.384z"
/>
</g>
<path
fill="#665e68"
d="M423.601 100.958h-26.923c-.613 0-1.207.079-1.779.214V64.148a7.726 7.726 0 1 0-15.452 0v37.509a7.726 7.726 0 0 0 7.726 7.726c.622 0 1.224-.081 1.803-.22.248 4.043 3.597 7.248 7.702 7.248h26.923a7.726 7.726 0 0 0 7.726-7.726 7.726 7.726 0 0 0-7.726-7.727z"
/>
<circle cx="387.172" cy="108.684" r="15.269" fill="#ff5595" />
<g fill="#b5dcff">
<path
d="M346.987 404.428a44.273 44.273 0 0 1-19.722 4.617c-3.866 0-7.618-.496-11.197-1.426l-5.77 3.859-4.636 14.933 3.083 11.234a75.31 75.31 0 0 0 18.52 2.306c5.022 0 9.928-.504 14.679-1.444a99.785 99.785 0 0 0 5.043-31.405zM316.082 289.863l-7.336 6.745v20.346l7.336 4.404a44.456 44.456 0 0 1 11.184-1.423 44.276 44.276 0 0 1 19.722 4.617v-32.891a75.282 75.282 0 0 0-30.906-1.798z"
/>
</g>
<path
fill="#b5dcff"
d="M104.705 233.34a7.726 7.726 0 0 1-7.726-7.726v-37.046a7.726 7.726 0 1 1 15.452 0v37.046a7.726 7.726 0 0 1-7.726 7.726zM144.295 233.34a7.726 7.726 0 0 1-7.726-7.726v-37.046a7.726 7.726 0 1 1 15.452 0v37.046a7.726 7.726 0 0 1-7.726 7.726zM183.884 233.34a7.726 7.726 0 0 1-7.726-7.726v-37.046a7.726 7.726 0 1 1 15.452 0v37.046a7.725 7.725 0 0 1-7.726 7.726zM223.474 233.34a7.726 7.726 0 0 1-7.726-7.726v-37.046a7.726 7.726 0 1 1 15.452 0v37.046a7.726 7.726 0 0 1-7.726 7.726zM263.064 233.34a7.726 7.726 0 0 1-7.726-7.726v-37.046a7.726 7.726 0 1 1 15.452 0v37.046a7.726 7.726 0 0 1-7.726 7.726z"
/>
<path
fill="#dbedff"
d="M301.377 258.702H108.565c-3.489 1.912-6.62 3.652-6.62 3.652l-2.919 8.757v155.815l18.887 32.708 32.169 15.795h98.704c37.167 0 67.296-31.16 67.296-68.326V273.407c0-8.121-6.583-14.705-14.705-14.705z"
/>
<path
fill="#b5dcff"
d="M101.382 407.102V273.407c0-8.121 6.584-14.705 14.705-14.705H68.771c-8.121 0-14.705 6.584-14.705 14.705v133.695c0 37.167 30.13 68.326 67.296 68.326h47.316c-37.166.001-67.296-31.159-67.296-68.326z"
/>
<path
fill="#bc7f7f"
d="M342.751 474.398H67.719c-2.189 1.601-4.406 3.264-4.406 3.264l-2.06 6.31 2.704 11.976 7.984 11.074L84.385 512h238.513c15.865 0 28.727-12.862 28.727-28.727a8.875 8.875 0 0 0-8.874-8.875z"
/>
<path
fill="#b06c6c"
d="M63.459 483.273a8.875 8.875 0 0 1 8.875-8.875H25.018a8.875 8.875 0 0 0-8.875 8.875C16.143 499.138 29.005 512 44.87 512h47.316c-15.865 0-28.727-12.862-28.727-28.727z"
/>
</svg>
More icons in the same style and category