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 lineal style with a black 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 0c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15C6.716-15 0-8.284 0 0"
transform="translate(90 407)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30 181h180L120 0"
transform="translate(45 75)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-181"
transform="translate(105 317)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-49.706 0-90 41.294-90 91v60H91V91C91 41.294 49.706 0 0 0Z"
transform="translate(346 75)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15c24.853 0 45-20.147 45-45S39.853-90 15-90H-1.5"
transform="translate(437 226)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M497 15H15v60h482z"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h16.459C38.517 0 60.271-5.136 80-15a142.087 142.087 0 0 1 63.541-15H155"
transform="translate(25 196)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-6.962 4.019L0 8.038c14.348 8.286 19.264 26.633 10.98 40.981C2.697 63.369-15.652 68.285-30 60l-6.962-4.02v8.039c0 16.569-13.431 30-30 30-16.569 0-30-13.431-30-30V55.98l-6.961 4.02c-14.348 8.285-32.698 3.369-40.981-10.981-8.284-14.348-3.367-32.695 10.981-40.981l6.961-4.019L-133.923 0c-14.348-8.284-19.265-26.631-10.981-40.981 8.283-14.348 26.633-19.265 40.981-10.981l6.961 4.019v-8.038c0-16.567 13.431-30 30-30 16.569 0 30 13.433 30 30v8.038L-30-51.962c14.348-8.284 32.697-3.367 40.98 10.981C19.264-26.631 14.348-8.284 0 0Z"
transform="translate(171.962 402.981)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 16.568 13.432 30 30 30h60c16.568 0 30 13.432 30 30"
transform="translate(316 346)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 16.568 13.432 30 30 30h60c16.568 0 30 13.432 30 30"
transform="translate(346 286)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category