Add icons to this collection by clicking the heart icon.
Coffee icon - also known as cup, drink, coffee, heart, beverage, happy, coffee breaks, chocolate, happiness, 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 0a.844.844 0 0 1 1.325 0c2.748 3.459 14.018 15.937 33.634 15.937 20.304 0 34.296-17.265 34.296-37.371 0-23.151-19.635-55.231-68.593-79.079-48.959 23.848-68.593 55.925-68.593 79.079 0 20.106 13.993 37.371 34.296 37.371C-14.018 15.937-2.748 3.459 0 0"
transform="translate(342.276 483.204)"
fill="#ff7d97"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a.844.844 0 0 1 1.325 0c2.748 3.459 14.018 15.937 33.634 15.937 20.304 0 34.296-17.265 34.296-37.371 0-23.151-19.635-55.231-68.593-79.079-48.959 23.848-68.593 55.925-68.593 79.079 0 20.106 13.993 37.371 34.296 37.371C-14.018 15.937-2.748 3.459 0 0Z"
transform="translate(342.276 483.204)"
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-167.84c-36.059 0-65.293 29.232-65.293 65.293v181.663H65.293V65.293C65.293 29.232 36.06 0 0 0"
transform="translate(336.622 98.014)"
fill="#faf7f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-167.84c-36.059 0-65.293 29.232-65.293 65.293v181.663H65.293V65.293C65.293 29.232 36.06 0 0 0Z"
transform="translate(336.622 98.014)"
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-36.766v137.105H0c13.96 0 25.276-11.316 25.276-25.276V25.276C25.276 11.316 13.96 0 0 0Z"
transform="translate(438.68 188.92)"
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 0v-17.374c0-13.919 11.284-25.203 25.203-25.203h51.201v-17.374c0-13.919 11.284-25.203 25.203-25.203h288.786c13.919 0 25.203 11.284 25.203 25.203v17.374h51.201c13.919 0 25.203 11.284 25.203 25.203V0Z"
transform="translate(10 98.014)"
fill="#c193dc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-17.374c0-13.919 11.284-25.203 25.203-25.203h51.201v-17.374c0-13.919 11.284-25.203 25.203-25.203h288.786c13.919 0 25.203 11.284 25.203 25.203v17.374h51.201c13.919 0 25.203 11.284 25.203 25.203V0Z"
transform="translate(10 98.014)"
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-128.135"
transform="translate(429.34 55.437)"
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-130.22"
transform="translate(210.794 55.437)"
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 0v0"
transform="translate(256.184 55.437)"
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 0c0-37.372-30.296-67.667-67.667-67.667S-135.334-37.372-135.334 0c0 37.371 30.296 67.667 67.667 67.667S0 37.371 0 0"
transform="translate(323.667 221.492)"
fill="#fff3a0"
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 0v-7.406"
transform="translate(237.654 238.95)"
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 0v-7.406"
transform="translate(274.346 238.95)"
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 0c-8.276-8.277-21.694-8.277-29.971 0"
transform="translate(270.985 199.697)"
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