Add icons to this collection by clicking the heart icon.
Coffee icon - also known as cup, coffee, tea, beverage, glass, happy, hot drink, and food and restaurant. Created in a clean flat style with a white, silver, and gray 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-25v30H0c35.841 0 65 29.159 65 65s-29.159 65-65 65h-25v30H0c52.383 0 95-42.617 95-95S52.383 0 0 0"
transform="translate(416 160)"
fill="#a5bfd7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-100c-63.411 0-115 51.589-115 115v200c0 8.284 6.716 15 15 15h300c8.284 0 15-6.716 15-15V115C115 51.589 63.411 0 0 0"
transform="translate(306 60)"
fill="#dcf0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-150v-330h50c63.411 0 115 51.589 115 115v200C15-6.716 8.284 0 0 0"
transform="translate(406 390)"
fill="#bedcf0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.284 0-15 6.716-15 15v60c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15V15C15 6.716 8.284 0 0 0"
transform="translate(186 422)"
fill="#5d6787"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.284 0-15 6.716-15 15v60c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15V15C15 6.716 8.284 0 0 0"
transform="translate(256 422)"
fill="#5d6787"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.284 0-15 6.716-15 15v60c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15V15C15 6.716 8.284 0 0 0"
transform="translate(326 422)"
fill="#445064"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-41.08 0-77.337 26.242-90.223 65.301-2.594 7.867 1.679 16.348 9.546 18.944 7.865 2.593 16.349-1.678 18.945-9.546C-52.913 47.963-28.104 30 0 30s52.913 17.963 61.733 44.699c2.597 7.869 11.084 12.139 18.945 9.546 7.867-2.596 12.14-11.077 9.546-18.944C77.338 26.242 41.08 0 0 0"
transform="translate(256 137)"
fill="#5d6787"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.781 0-11.289 3.361-13.752 8.997a10.012 10.012 0 0 1-9.17 6.007 10.013 10.013 0 0 1-9.17-6.007C-35.41 1.406-44.255-2.058-51.843 1.259c-7.591 3.318-11.055 12.161-7.737 19.752a40.008 40.008 0 0 0 36.658 23.993c15.9 0 30.288-9.418 36.658-23.993 3.319-7.591-.146-16.434-7.737-19.752A14.955 14.955 0 0 0 0 0"
transform="translate(333.922 261.996)"
fill="#5d6787"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.781 0-11.289 3.361-13.752 8.997a10.012 10.012 0 0 1-9.17 6.007 10.013 10.013 0 0 1-9.17-6.007C-35.41 1.406-44.254-2.058-51.843 1.259c-7.591 3.318-11.055 12.161-7.737 19.752a40.008 40.008 0 0 0 36.658 23.993c15.9 0 30.288-9.418 36.658-23.993 3.319-7.591-.146-16.434-7.737-19.752A14.955 14.955 0 0 0 0 0"
transform="translate(223.922 261.996)"
fill="#5d6787"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v60c0 8.284-6.716 15-15 15v-90C-6.716-15 0-8.284 0 0"
transform="translate(271 437)"
fill="#445064"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c2.595 7.867-1.679 16.349-9.546 18.944-7.86 2.593-16.348-1.677-18.944-9.546-8.821-26.735-33.629-44.699-61.734-44.699v-30C-49.144-65.301-12.886-39.059 0 0"
transform="translate(346.224 202.3)"
fill="#445064"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.781 0-11.289 3.361-13.752 8.997a10.012 10.012 0 0 1-9.17 6.007 10.013 10.013 0 0 1-9.17-6.007C-35.41 1.406-44.255-2.058-51.843 1.259c-7.591 3.318-11.055 12.161-7.737 19.752a40.008 40.008 0 0 0 36.658 23.993c15.9 0 30.288-9.418 36.658-23.993 3.319-7.591-.146-16.434-7.737-19.752A14.955 14.955 0 0 0 0 0"
transform="translate(333.922 261.996)"
fill="#445064"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.781 0-11.289 3.361-13.752 8.997a10.012 10.012 0 0 1-9.17 6.007 10.013 10.013 0 0 1-9.17-6.007C-35.41 1.406-44.254-2.058-51.843 1.259c-7.591 3.318-11.055 12.161-7.737 19.752a40.008 40.008 0 0 0 36.658 23.993c15.9 0 30.288-9.418 36.658-23.993 3.319-7.591-.146-16.434-7.737-19.752A14.955 14.955 0 0 0 0 0"
transform="translate(223.922 261.996)"
fill="#5d6787"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-362c-41.422 0-75 33.579-75 75 0 8.284 6.716 15 15 15H60c8.284 0 15-6.716 15-15C75 33.579 41.422 0 0 0"
transform="translate(437)"
fill="#bedcf0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-241v-90h181c41.422 0 75 33.579 75 75C15-6.716 8.284 0 0 0"
transform="translate(497 90)"
fill="#a5bfd7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category