Add icons to this collection by clicking the heart icon.
Coffee icon - also known as breakfast, cup, drink, coffee, coffee breaks, and food and restaurant. Created in a clean lineal color style with a white, silver, black, red, and purple 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 0-30-60H0c16.568 0 30 13.432 30 30V0Z"
transform="translate(308.5 157.5)"
fill="#4fdbff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30c0-16.568 13.432-30 30-30h75c16.568 0 30 13.432 30 30V0Z"
transform="translate(173.5 157.5)"
fill="#8ae7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-33.084 0-60 26.916-60 60 0 8.271 6.729 15 15 15 5.916 0 11.298-3.502 13.735-8.974l8.186-18.282c5.99-13.379 20.572-20.212 34.325-16.923H158.5L1 105h-46c-24.853 0-45-20.147-45-45 0-49.706 40.295-90 90-90h158.5V0Z"
transform="translate(97.5 264.5)"
fill="#8ae7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-75-242h30c16.568 0 30 13.432 30 30 0 106 45 106 45 212z"
transform="translate(383.5 369.5)"
fill="#8ae7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 59.104 13.221 90.247 24.886 117.723C35.679 143.147 45 165.104 45 212h-285c0-106 45-106 45-212 0-16.568 13.432-30 30-30h135C-13.432-30 0-16.568 0 0"
transform="translate(338.5 157.5)"
fill="#c4f3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-45h30c16.568 0 30 13.432 30 30V0Z"
transform="translate(399.5 52.5)"
fill="#8ae7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v15h-377V0c0-16.568 13.432-30 30-30h317C-13.432-30 0-16.568 0 0"
transform="translate(429.5 37.5)"
fill="#c4f3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30v-30H0c8.284 0 15 6.716 15 15C15-6.716 8.284 0 0 0"
transform="translate(489.5 67.5)"
fill="#c4f3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 8.284-6.716 15-15 15h-437c-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15h437C-6.716-15 0-8.284 0 0"
transform="translate(474.5 52.5)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30-52.5L0-105c24.853 0 45 23.505 45 52.5S24.853 0 0 0"
transform="translate(256 504.5)"
fill="#a93455"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-28.995 20.147-52.5 45-52.5v105C20.147 52.5 0 28.995 0 0"
transform="translate(211 452)"
fill="#cc3245"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h407c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15H-60c-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15h30c0-16.569 13.432-30 30-30h347c16.568 0 30 13.431 30 30"
transform="translate(82.5 37.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-106 45-106 45-212 0-16.568 13.432-30 30-30 0-16.569 13.432-30 30-30h105c16.568 0 30 13.431 30 30"
transform="translate(98.5 369.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-23.076c-33.084 0-60 26.916-60 60 0 8.271 6.728 15 15 15 5.916 0 11.298-3.502 13.735-8.974l8.186-18.282c5.99-13.379 20.572-20.212 34.325-16.923"
transform="translate(120.576 264.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-34.84c-49.705 0-90 40.294-90 90 0 24.853 20.148 45 45 45h361c0-106-45-106-45-212 0-16.568-13.431-30-30-30h-135"
transform="translate(132.34 234.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-28.995-20.147-52.5-45-52.5S-90-28.995-90 0s20.147 52.5 45 52.5S0 28.995 0 0Z"
transform="translate(301 452)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-105"
transform="translate(256 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
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