Add icons to this collection by clicking the heart icon.
Coffee icon - also known as food, coffee, hot drink, take away, coffee shop, coffee cup, Paper cup, and food and restaurant. Created in a clean lineal color style with a white, silver, black, and pink 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-277.766l6.723 36.727c1.933 10.562 11.137 18.234 21.875 18.234h220.571c10.738 0 19.942-7.672 21.874-18.234z"
transform="translate(394.883 447.039)"
fill="#faf7f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-277.766l6.723 36.727c1.933 10.562 11.137 18.234 21.875 18.234h220.571c10.738 0 19.942-7.672 21.874-18.234z"
transform="translate(394.883 447.039)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 13.499-202.363h293.189L320.187 0Z"
transform="translate(95.906 297.022)"
fill="#faf7f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 13.499-202.363h293.189L320.187 0Z"
transform="translate(95.906 297.022)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 4.592-86.949h294.931L304.115 0"
transform="translate(103.942 383.97)"
fill="#ffe6b4"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 2.169-56.829c.921-15.627 13.897-27.83 29.595-27.83h204.965c15.697 0 28.674 12.203 29.595 27.83L268.493 0Z"
transform="translate(121.753 94.659)"
fill="#ffe6b4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 2.169-56.829c.921-15.627 13.897-27.83 29.595-27.83h204.965c15.697 0 28.674 12.203 29.595 27.83L268.493 0Z"
transform="translate(121.753 94.659)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 10.497-202.363h82.96V0Z"
transform="translate(162.543 297.022)"
fill="#ddb9a3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 10.497-202.363h82.96V0Z"
transform="translate(162.543 297.022)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-93.456v-202.363h82.96z"
transform="translate(349.456 297.022)"
fill="#e8d0c1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-93.456v-202.363h82.96z"
transform="translate(349.456 297.022)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h120.637v62.067h-333.839V0h122.79"
transform="translate(302.282 384.971)"
fill="#e8d0c1"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(256.893 384.971)"
fill="none"
stroke="#000"
stroke-width="20"
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