Add icons to this collection by clicking the heart icon.
Coffee icon - also known as coffee, online, take away, order, coffee cup, 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"
>
<rect width="256" height="464" x="128" y="24" fill="#92d1f7" rx="34" />
<path
fill="#5ebef7"
d="M170 488h-8a34 34 0 0 1-34-34V58a34 34 0 0 1 34-34h8c-18.78 0-26 15.22-26 34v396c0 18.78 7.22 34 26 34z"
/>
<path
fill="#dcdbd6"
d="M170 488h-8a34 34 0 0 1-34-34v-30h16v30c0 18.78 7.22 34 26 34z"
/>
<path
fill="#eae9e4"
d="M128 424h256v30a34 34 0 0 1-34 34H162a34 34 0 0 1-34-34v-30z"
/>
<path
fill="#dcdbd6"
d="M170 488h-8a34 34 0 0 1-34-34v-30h16v30c0 18.78 7.22 34 26 34z"
/>
<circle cx="256" cy="456" r="24" fill="#dcdbd6" />
<path
fill="#eae9e4"
d="M200 152h112v40a56 56 0 0 1-56 56 56 56 0 0 1-56-56v-40z"
/>
<path
fill="#dcdbd6"
d="M336 232H176v12a20 20 0 0 0 20 20h120a20 20 0 0 0 20-20z"
/>
<path
fill="#f9e38e"
d="M259 128a8 8 0 0 1-8-8c0-2.784-.583-3.755-1.86-5.884a26.135 26.135 0 0 1 0-28.232c1.277-2.129 1.86-3.1 1.86-5.884a8 8 0 0 1 16 0 24.7 24.7 0 0 1-4.14 14.116c-1.277 2.129-1.86 3.1-1.86 5.884s.583 3.755 1.86 5.884A24.7 24.7 0 0 1 267 120a8 8 0 0 1-8 8zM222.821 127.9a8 8 0 0 1-8.231-7.762c-.082-2.783-.693-3.736-2.032-5.826a26.139 26.139 0 0 1-.83-28.221c1.214-2.165 1.768-3.153 1.687-5.936a8 8 0 1 1 15.993-.469 24.7 24.7 0 0 1-3.724 14.231c-1.214 2.165-1.768 3.153-1.686 5.936s.693 3.737 2.032 5.827a24.7 24.7 0 0 1 4.553 13.988 8 8 0 0 1-7.762 8.232z"
/>
<path
fill="#eae9e4"
d="M328 208h-24a8 8 0 0 1 0-16h24a8 8 0 0 0 0-16h-24a8 8 0 0 1 0-16h24a24 24 0 0 1 0 48z"
/>
<circle cx="256" cy="336" r="40" fill="#5ebef7" />
<path
fill="#5ebef7"
d="M292.17 318.91 253 350.25a8.031 8.031 0 0 1-5 1.75 7.749 7.749 0 0 1-1.72-.19 7.971 7.971 0 0 1-5.44-4.23l-8-16a8.005 8.005 0 0 1 14.32-7.16l3.57 7.15 31.83-25.47a39.908 39.908 0 0 1 9.61 12.81z"
/>
<path
fill="#d78e0c"
d="M292.17 318.91 253 350.25a8.031 8.031 0 0 1-5 1.75 7.749 7.749 0 0 1-1.72-.19 7.971 7.971 0 0 1-5.44-4.23l-8-16a8.005 8.005 0 0 1 14.32-7.16l3.57 7.15 31.83-25.47a39.908 39.908 0 0 1 9.61 12.81z"
/>
<path
fill="#f9e38e"
d="M296 128a8 8 0 0 1-8-8c0-2.784-.583-3.755-1.86-5.884a26.135 26.135 0 0 1 0-28.232c1.277-2.129 1.86-3.1 1.86-5.884a8 8 0 0 1 16 0 24.7 24.7 0 0 1-4.14 14.116c-1.277 2.129-1.86 3.1-1.86 5.884s.583 3.755 1.86 5.884A24.7 24.7 0 0 1 304 120a8 8 0 0 1-8 8z"
/>
</svg>
More icons in the same style and category