Add icons to this collection by clicking the heart icon.
Coffee icon - also known as food, kettle, coffee, hot drink, coffee pot, kitchenware, and food and restaurant. Created in a clean flat style with a white, gray, and olive 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 492.546 492.546"
>
<path
fill="#fff4f1"
d="m296.86 107.688-100.949-20-95.638 20c-54.94 33.29-91.656 93.641-91.656 162.57 0 69.409 37.235 130.113 92.813 163.254l97.137 10 97.137-10c55.578-33.141 92.813-93.845 92.813-163.254-.001-68.929-36.717-129.281-91.657-162.57z"
/>
<path
fill="#f0e5e3"
d="m296.86 107.688-14.378-10-15.622 10c54.94 33.29 91.656 93.641 91.656 162.57 0 69.409-37.235 130.113-92.813 163.254h30c55.578-33.141 92.813-93.845 92.813-163.254 0-68.929-36.716-129.281-91.656-162.57z"
/>
<path
fill="#9e5528"
d="M12.692 231.023a190.656 190.656 0 0 0-4.076 39.235c0 69.409 37.235 130.113 92.813 163.254l90.153 10 104.122-10c55.578-33.141 92.813-93.845 92.813-163.254 0-13.453-1.417-26.573-4.076-39.235l-42.735-7.481a293.2 293.2 0 0 0-140.616 9.783 293.199 293.199 0 0 1-172.358 2.388z"
/>
<path
fill="#904d24"
d="m384.44 231.023-42.735-7.481a293.175 293.175 0 0 0-65.506-4.004c11.873.61 23.73 1.943 35.506 4.004l8.866 1.552c21.789 3.814 37.899 22.64 37.945 44.76v.404c0 69.409-37.235 130.113-92.813 163.254l15.665 10 14.335-10c55.578-33.141 92.813-93.845 92.813-163.254 0-13.453-1.416-26.573-4.076-39.235z"
/>
<g fill="#c86d36">
<path
d="M286.611 267.1h-24.078a7.5 7.5 0 0 1 0-15h24.078a7.5 7.5 0 0 1 0 15zM286.611 309.97h-24.078a7.5 7.5 0 0 1 0-15h24.078a7.5 7.5 0 0 1 0 15zM286.611 352.84h-24.078a7.5 7.5 0 0 1 0-15h24.078a7.5 7.5 0 0 1 0 15zM286.611 395.71h-24.078a7.5 7.5 0 0 1 0-15h24.078a7.5 7.5 0 0 1 0 15z"
/>
</g>
<path
fill="#7a8c98"
d="M288.128 12.023H87.411c-10.618 0-17.181 11.577-11.728 20.688L97.402 69l88.566 10 112.246-10V22.11c.001-5.571-4.515-10.087-10.086-10.087z"
/>
<path
fill="#596c76"
d="M288.128 12.023h-30c5.571 0 10.087 4.516 10.087 10.086V69l14.305 10 15.695-10V22.11c0-5.571-4.516-10.087-10.087-10.087z"
/>
<path
fill="#8d9ca8"
d="M390.672 480.523H6.46a6.46 6.46 0 0 1-6.46-6.46V453.18c0-10.862 8.805-19.667 19.667-19.667h357.798c10.862 0 19.667 8.805 19.667 19.667v20.883a6.46 6.46 0 0 1-6.46 6.46z"
/>
<path
fill="#596c76"
d="M492.546 193.641a19.402 19.402 0 0 0-5.684-13.722l-98.473-98.473A42.489 42.489 0 0 0 358.357 69H58.905c-5.723 0-9.66 5.75-7.59 11.085l8.691 22.406a8.14 8.14 0 0 0 7.59 5.197h274.547a42.493 42.493 0 0 1 30.047 12.446l87.229 87.229c12.224 12.225 33.127 3.566 33.127-13.722z"
/>
<path
fill="#465a61"
d="m486.862 179.919-98.473-98.473A42.489 42.489 0 0 0 358.357 69h-30a42.493 42.493 0 0 1 30.032 12.446l98.473 98.473a19.406 19.406 0 0 1 5.684 13.722c0 4.94-1.711 9.171-4.434 12.416l1.306 1.306c12.225 12.225 33.128 3.567 33.128-13.722a19.406 19.406 0 0 0-5.684-13.722z"
/>
</svg>
More icons in the same style and category