Add icons to this collection by clicking the heart icon.
Coffee icon - also known as food, breakfast, cup, drink, coffee, flower, coffee cup, steam, 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<path
fill="#ffc473"
d="m452 271-30 15c0 8.29 6.71 15 15 15h15c16.54 0 30 13.46 30 30s-13.46 30-30 30h-16.492c-8.293 0-15 6.71-15 15s6.707 15 15 15H452c33.09 0 60-26.91 60-60s-26.91-60-60-60zm0 0"
/>
<path
fill="#fff4ca"
d="M210.7 258.398 198.7 331l-29.098 30-128.204-30L7.5 301 .3 258.398c-.902-4.199.302-8.699 3.302-12C6.3 242.801 10.5 241 15 241h181c4.5 0 8.7 1.8 11.398 5.398 3 3.301 4.204 7.801 3.301 12zm0 0"
/>
<path
fill="#ffe1ba"
d="M210.7 258.398 198.7 331l-29.098 30L106 346V241h90c4.5 0 8.7 1.8 11.398 5.398 3 3.301 4.204 7.801 3.301 12zm0 0"
/>
<path
fill="#a8ebfa"
d="m198.7 331-5.098 30L173.8 482H37.199L12.301 331 7.5 301h33.898c16.5 0 34 2.7 49.602 7.8l15 52.2 15-40.5c15.602 6.602 31.8 10.5 48.602 10.5zm0 0"
/>
<path
fill="#66c0ee"
d="m198.7 331-5.098 30L173.8 482H106V361l15-40.5c15.602 6.602 31.8 10.5 48.602 10.5zm0 0"
/>
<path
fill="#fff4ca"
d="M451 106c0 24.898-20.098 45-45 45h-60c-8.402 0-15 6.598-15 15 0 8.398-6.598 15-15 15s-15-6.602-15-15c0-24.902 20.098-45 45-45h60c8.402 0 15-6.602 15-15 0-8.402 6.598-15 15-15s15 6.598 15 15zM481 166c0 24.898-20.098 45-45 45h-60c-8.402 0-15 6.598-15 15 0 8.398-6.598 15-15 15s-15-6.602-15-15c0-13.2 5.7-25.2 15-33.3 7.8-7.204 18.3-11.7 30-11.7h60c8.402 0 15-6.602 15-15 0-8.402 6.598-15 15-15s15 6.598 15 15zm0 0"
/>
<path
fill="#c8ec4b"
d="M121 196v124.5l-14.7 24.3-.3-.6-15-35.4V196c0-8.402 6.598-15 15-15s15 6.598 15 15zm0 0"
/>
<path
fill="#97d325"
d="M121 196v124.5l-14.7 24.3-.3-.6V181c8.402 0 15 6.598 15 15zm0 0"
/>
<path
fill="#66c0ee"
d="M121 320.5V376c0 8.398-6.598 15-15 15s-15-6.602-15-15v-67.2c5.098 1.5 10.2 3.302 15 5.7 2.102.898 4.5 1.8 6.598 3 2.703 1.5 5.703 1.8 8.402 3zm0 0"
/>
<path
fill="#6aa9ff"
d="M121 320.5V376c0 8.398-6.598 15-15 15v-76.5c2.102.898 4.5 1.8 6.598 3 2.703 1.5 5.703 1.8 8.402 3zm0 0"
/>
<path
fill="#ff637b"
d="M196.902 53.5C187 36.398 167.2 27.3 148.898 30.898 142.898 12.898 125.801 0 106 0S69.102 12.898 63.102 30.898C44.8 27 24 36.398 14.098 53.5 4.199 70.602 6.898 91.898 19.5 106c-12.602 14.098-15.3 35.398-5.402 52.5C24 175.602 44.8 184 63.102 180.098 69.102 198.102 86.199 211 106 211s36.898-12.898 42.898-30.902C167.2 184 187 175.602 196.902 158.5c9.899-17.102 7.2-38.402-5.402-52.5 12.602-14.102 15.3-35.398 5.402-52.5zm0 0"
/>
<path
fill="#ff3f5c"
d="M106 211V0c19.8 0 36.898 12.898 42.898 30.898C167.2 27.301 187 36.398 196.902 53.5c9.899 17.102 7.2 38.398-5.402 52.5 12.602 14.098 15.3 35.398 5.402 52.5C187 175.602 167.2 184 148.898 180.098 142.898 198.102 125.801 211 106 211zm0 0"
/>
<path
fill="#ffda2d"
d="M121 106c0 8.398-6.598 15-15 15s-15-6.602-15-15c0-8.402 6.598-15 15-15s15 6.598 15 15zm0 0"
/>
<path
fill="#fdbf00"
d="M106 121V91c8.402 0 15 6.598 15 15 0 8.398-6.598 15-15 15zm0 0"
/>
<path
fill="#ffe1ba"
d="M406 151h-60v-30h60c8.402 0 15-6.602 15-15 0-8.402 6.598-15 15-15s15 6.598 15 15c0 24.898-20.098 45-45 45zM346 241v-48.3c7.8-7.204 18.3-11.7 30-11.7h60c8.402 0 15-6.602 15-15 0-8.402 6.598-15 15-15s15 6.598 15 15c0 24.898-20.098 45-45 45h-60c-8.402 0-15 6.598-15 15 0 8.398-6.598 15-15 15zm0 0"
/>
<path
fill="#fff4ca"
d="M256 271c-8.402 0-15 6.598-15 15v57c0 50.102 33.898 96.7 82.8 106.602 7.5 1.5 14.7 2.398 22.2 2.398h.3c57.598 0 105.7-48.102 105.7-106v-75zm0 0"
/>
<path
fill="#ffe1ba"
d="M452 271v75c0 57.898-48.102 106-105.7 106h-.3V271zm0 0"
/>
<path
fill="#fdbf00"
d="M497 452H15c-8.402 0-15 6.598-15 15v30c0 8.398 6.598 15 15 15h482c8.402 0 15-6.602 15-15v-30c0-8.402-6.598-15-15-15zm0 0"
/>
<path
fill="#ff9100"
d="M512 467v30c0 8.398-6.598 15-15 15H346v-60h151c8.402 0 15 6.598 15 15zm0 0"
/>
</svg>
More icons in the same style and category