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 lineal color 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"
>
<path
fill="#92d1f7"
d="M162 24h188c18.778 0 34 15.222 34 34v396c0 18.778-15.222 34-34 34H162c-18.778 0-34-15.222-34-34V58c0-18.778 15.222-34 34-34z"
/>
<path
fill="#5ebef7"
d="M170 488h-8c-18.778 0-34-15.222-34-34V58c0-18.778 15.222-34 34-34h8c-18.78 0-26 15.22-26 34v396c0 18.78 7.22 34 26 34z"
/>
<path
fill="#dcdbd6"
d="M170 488h-8c-18.778 0-34-15.222-34-34v-30h16v30c0 18.78 7.22 34 26 34z"
/>
<path
fill="#eae9e4"
d="M128 424h256v30c0 18.778-15.222 34-34 34H162c-18.778 0-34-15.222-34-34z"
/>
<path
fill="#dcdbd6"
d="M170 488h-8c-18.778 0-34-15.222-34-34v-30h16v30c0 18.78 7.22 34 26 34z"
/>
<circle cx="256" cy="456" r="24" fill="#dcdbd6" />
<path
fill="#eae9e4"
d="M200 152h112v40c0 30.928-25.072 56-56 56s-56-25.072-56-56z"
/>
<path
fill="#dcdbd6"
d="M336 232H176v12c0 11.046 8.954 20 20 20h120c11.046 0 20-8.954 20-20z"
/>
<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-16h24c13.255 0 24 10.745 24 24s-10.745 24-24 24z"
/>
<circle cx="256" cy="336" r="40" fill="#5ebef7" />
<path
fill="#5ebef7"
d="M292.17 318.91 253 350.25a8.03 8.03 0 0 1-5 1.75 7.77 7.77 0 0 1-1.72-.19 7.973 7.973 0 0 1-5.44-4.23l-8-16a8.006 8.006 0 0 1 14.32-7.16l3.57 7.15 31.83-25.47a39.915 39.915 0 0 1 9.61 12.81z"
/>
<path
d="M350 16H170c-23.185.026-41.974 18.815-42 42v396c.026 23.185 18.815 41.974 42 42h180c23.159 0 34-18.841 34-42V58c0-23.159-10.841-42-34-42zM170 32h180c14.336 0 18 11.664 18 26v358H144V58c.017-14.353 11.647-25.983 26-26zm110 424c0 13.255-10.745 24-24 24s-24-10.745-24-24 10.745-24 24-24c13.248.015 23.985 10.752 24 24zm-136-2v-22h80.022c-10.696 14.212-10.696 33.788 0 48H170c-14.353-.017-25.983-11.647-26-26zm224 0c0 14.336-3.664 26-18 26h-62.022c10.696-14.212 10.696-33.788 0-48H368z"
/>
<path
d="M196 272h120c15.457-.018 27.982-12.543 28-28v-12a8 8 0 0 0-8-8h-24.561a63.272 63.272 0 0 0 6.54-16H328c13.255 0 24-10.745 24-24s-10.745-24-24-24h-8v-8a8 8 0 0 0-8-8H200a8 8 0 0 0-8 8v40a63.666 63.666 0 0 0 8.561 32H176a8 8 0 0 0-8 8v12c.018 15.457 12.543 27.982 28 28zm132-96a8 8 0 0 1 0 16h-8v-16zm-120 16v-32h96v32a47.703 47.703 0 0 1-12.227 32h-71.546A47.703 47.703 0 0 1 208 192zm-24 48h144v4c-.007 6.624-5.376 11.993-12 12H196c-6.624-.007-11.993-5.376-12-12zM251 120a8 8 0 0 0 16 0 24.695 24.695 0 0 0-4.14-14.116c-1.277-2.129-1.86-3.1-1.86-5.884s.583-3.755 1.86-5.884A24.695 24.695 0 0 0 267 80a8 8 0 0 0-16 0c0 2.784-.583 3.755-1.86 5.884a26.135 26.135 0 0 0 0 28.232c1.277 2.129 1.86 3.1 1.86 5.884zM214 120a8 8 0 0 0 16 0 24.695 24.695 0 0 0-4.14-14.116c-1.277-2.129-1.86-3.1-1.86-5.884s.583-3.755 1.86-5.884A24.695 24.695 0 0 0 230 80a8 8 0 0 0-16 0c0 2.784-.583 3.755-1.86 5.884a26.135 26.135 0 0 0 0 28.232c1.277 2.129 1.86 3.1 1.86 5.884zM288 120a8 8 0 0 0 16 0 24.695 24.695 0 0 0-4.14-14.116c-1.277-2.129-1.86-3.1-1.86-5.884s.583-3.755 1.86-5.884A24.695 24.695 0 0 0 304 80a8 8 0 0 0-16 0c0 2.784-.583 3.755-1.86 5.884a26.135 26.135 0 0 0 0 28.232c1.277 2.129 1.86 3.1 1.86 5.884zM256 288c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c-.03-26.497-21.503-47.97-48-48zm0 80c-17.673.013-32.01-14.304-32.023-31.977s14.304-32.01 31.977-32.023a32 32 0 0 1 20.246 7.2l-25.47 20.371-3.575-7.149a8 8 0 0 0-14.31 7.156l8 16A8 8 0 0 0 253 350.247l32.695-26.156c6.587 16.389-1.359 35.015-17.748 41.602A31.984 31.984 0 0 1 256 368z"
/>
</svg>
More icons in the same style and category