Add icons to this collection by clicking the heart icon.
Coffee icon - also known as drink, coffee, fast food, take away, takeaway, restaurant, Paper cup, food and restaurant, and food delivery. Created in a clean circular 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"
>
<circle cx="256" cy="256" r="256" fill="#27273d" />
<path
fill="#f58d89"
d="M419.22 432.29H90.15c-10.83 0-18.81-9.09-16.28-18.56l11-41.24c1.81-6.77 8.54-11.54 16.29-11.54h307c7.74 0 14.48 4.77 16.28 11.54l11 41.24c2.56 9.47-5.39 18.56-16.22 18.56z"
/>
<circle cx="418.72" cy="415.97" r="11.14" fill="#f7adad" />
<circle cx="392.57" cy="415.97" r="9.36" fill="#f7adad" />
<path
fill="#d37171"
d="M103 432.29h139.41v7.38a24.64 24.64 0 0 1-24.64 24.64h-90.15A24.64 24.64 0 0 1 103 439.67v-7.38z"
/>
<path fill="#b76363" d="M102.98 432.29h139.44v12.02H102.98z" />
<path
fill="#d37171"
d="M270.91 432.29h139.44v7.38a24.64 24.64 0 0 1-24.64 24.64h-90.16a24.64 24.64 0 0 1-24.64-24.64v-7.38z"
/>
<path fill="#b76363" d="M270.91 432.29h139.44v12.02H270.91z" />
<ellipse cx="169.9" cy="391.48" fill="#d37171" rx="56.69" ry="19.49" />
<ellipse cx="340.82" cy="390.02" fill="#d37171" rx="56.69" ry="19.49" />
<rect
width="14.77"
height="135.47"
x="163.66"
y="41.31"
fill="#f7bb38"
rx="7.39"
/>
<path
fill="#3586cb"
d="M204 403h-65.88a16.1 16.1 0 0 1-16.07-15.2l-10.61-189.05h119.21L220 387.84A16.1 16.1 0 0 1 204 403z"
/>
<path
fill="#366fca"
d="M229.54 218.43h-34.79a55.17 55.17 0 0 0-55.08 58.26L146.76 403h-8.64a16.1 16.1 0 0 1-16.07-15.2l-10.61-189.05h119.21z"
/>
<path
fill="#fff"
d="M234.26 181.42h-8.7v-12.9a8.49 8.49 0 0 0-8.49-8.49H125a8.5 8.5 0 0 0-8.5 8.49v12.9h-8.7a5.31 5.31 0 0 0-5.31 5.31v6.71a5.31 5.31 0 0 0 5.31 5.31h126.46a5.31 5.31 0 0 0 5.31-5.31v-6.71a5.31 5.31 0 0 0-5.31-5.31z"
/>
<path fill="#dbdbdb" d="M116.53 175.52h109.02v5.9H116.53z" />
<path
fill="#fff"
d="M139.31 316.57a75.17 75.17 0 0 1-1.61-15.64c0-28.06 14.93-50.81 33.35-50.81 10.12 0 19.19 6.88 25.31 17.73a88.93 88.93 0 0 1-9.36 17.76c-11.53 16.73-27.5 27.09-47.69 30.96z"
/>
<path
fill="#fff"
d="M204.39 300.93c0 28.06-14.93 50.81-33.34 50.81-13.24 0-24.67-11.74-30.05-28.74 26.53-5.31 42.38-20.36 51.47-33.58a94.36 94.36 0 0 0 7.64-13.42 72 72 0 0 1 4.28 24.93z"
/>
<rect
width="14.77"
height="135.47"
x="333.24"
y="41.31"
fill="#f7bb38"
rx="7.39"
/>
<path
fill="#db1b1b"
d="M373.55 403H307.7a16.1 16.1 0 0 1-16.07-15.2L281 198.75h119.23l-10.61 189.09A16.1 16.1 0 0 1 373.55 403z"
/>
<path
fill="#ba1c1c"
d="M399.13 218.43h-34.8a55.17 55.17 0 0 0-55.08 58.26L316.34 403h-8.64a16.1 16.1 0 0 1-16.07-15.2L281 198.75h119.23z"
/>
<path
fill="#fff"
d="M403.84 181.42h-8.7v-12.9a8.49 8.49 0 0 0-8.49-8.49h-92a8.49 8.49 0 0 0-8.49 8.49v12.9h-8.71a5.3 5.3 0 0 0-5.3 5.31v6.71a5.3 5.3 0 0 0 5.3 5.31h126.39a5.31 5.31 0 0 0 5.31-5.31v-6.71a5.31 5.31 0 0 0-5.31-5.31z"
/>
<path fill="#dbdbdb" d="M286.12 175.52h109.02v5.9H286.12z" />
<g fill="#fff">
<path
d="M308.89 316.57a75.17 75.17 0 0 1-1.61-15.64c0-28.06 14.93-50.81 33.35-50.81 10.12 0 19.19 6.88 25.31 17.73a88.93 88.93 0 0 1-9.38 17.76c-11.51 16.73-27.48 27.09-47.67 30.96z"
/>
<path
d="M374 300.93c0 28.06-14.93 50.81-33.34 50.81-13.27 0-24.66-11.74-30.08-28.74 26.53-5.31 42.38-20.36 51.47-33.58a94.36 94.36 0 0 0 7.64-13.42 72 72 0 0 1 4.31 24.93z"
/>
</g>
</svg>
More icons in the same style and category