Add icons to this collection by clicking the heart icon.
Coffee Cup icon - also known as cup, coffee, heart, hot drink, love, coffee cup, mug, chocolate, food and restaurant, and dad. Created in a clean lineal color style, 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 89.47 72.53 162 162 162S324 89.47 324 0s-72.53-162-162-162S0-89.47 0 0"
transform="translate(178 172)"
fill="#e0eaef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 22.969-22.969c9.575-9.575 9.575-25.098 0-34.673-9.575-9.575-25.099-9.575-34.673 0l-22.969 22.969z"
transform="translate(430.962 115.884)"
fill="#62ecfb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 57.438 46.562 104 104 104S208 57.438 208 0s-46.562-104-104-104S0-57.438 0 0"
transform="translate(236 172)"
fill="#f49464"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-40.593 40.593c-11.209 11.209-11.209 29.383 0 40.593 11.21 11.209 29.384 11.209 40.593 0 11.209 11.209 29.383 11.209 40.593 0 11.209-11.21 11.209-29.384 0-40.593z"
transform="translate(340 123.204)"
fill="#ff7c7a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-40.593 40.593c-11.209 11.209-11.209 29.383 0 40.593v0c11.21 11.209 29.384 11.209 40.593 0 11.209 11.209 29.383 11.209 40.593 0v0c11.209-11.21 11.209-29.384 0-40.593z"
transform="translate(340 123.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 0 22.969-22.969c9.575-9.575 9.575-25.098 0-34.673v0c-9.575-9.575-25.099-9.575-34.673 0l-22.969 22.969"
transform="translate(430.962 115.884)"
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 57.438 46.562 104 104 104S208 57.438 208 0s-46.562-104-104-104S0-57.438 0 0Z"
transform="translate(236 172)"
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-12.113 22.702-18.979 48.626-18.979 76.154 0 64.286 37.445 119.827 91.715 146"
transform="translate(196.98 95.846)"
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 0c86.731-3.112 156.087-74.404 156.087-161.894 0-89.47-72.53-162-162-162-29.55 0-57.251 7.911-81.103 21.732"
transform="translate(345.913 333.894)"
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(223.466 59.479)"
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-264c-22.091 0-40-17.909-40-40v-104c0-22.091 17.909-40 40-40h45.5l48.167-48.167V-184H0c22.091 0 40 17.909 40 40v104C40-17.909 22.091 0 0 0"
transform="translate(314 502)"
fill="#ff7c7a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 30.04 78.873c.614 1.501 2.738 1.503 3.355.004L63.162 0"
transform="translate(150.42 369.975)"
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 0h44.576"
transform="translate(159.788 389.618)"
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-22.077-12.253-39.547-31.693-39.887-6.471-.113-23.358 0-23.358 0v79.95h22.694C-11.035 40.063 0 22.077 0 0Z"
transform="translate(106.42 409.912)"
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-22.077-12.253-39.547-31.693-39.887-6.471-.113-23.358 0-23.358 0v79.95h22.694C-11.035 40.063 0 22.077 0 0Z"
transform="translate(312.632 409.912)"
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-264c-22.091 0-40-17.909-40-40v-104c0-22.091 17.909-40 40-40h45.5l48.167-48.167V-184H0c22.091 0 40 17.909 40 40v104C40-17.909 22.091 0 0 0Z"
transform="translate(314 502)"
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