Add icons to this collection by clicking the heart icon.
Coffee Cup icon - also known as hot drink, take away, coffee cup, Paper cup, and food and restaurant. Created in a clean flat gradient 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="30.729"
x2="30.729"
y1="64.383"
y2="-1.931"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6713d2" />
<stop offset="1" stop-color="#cc208e" />
</linearGradient>
<linearGradient
id="b"
x1="33.271"
x2="33.271"
y1="64.383"
y2="-1.931"
href="#a"
/>
<linearGradient id="c" x1="32" x2="32" y1="64.383" y2="-1.931" href="#a" />
<g>
<path
fill="url(#a)"
d="M30.388 38.761a4.251 4.251 0 0 0 .622-1.894 6.85 6.85 0 0 1 2.717-4.7 5.256 5.256 0 0 0 .7-.616 3.774 3.774 0 0 0-1.293-.229 6.282 6.282 0 0 0-5.117 3.378c-1.34 2.321-1.284 4.949-.055 6.545a6.5 6.5 0 0 1 1.1-1 4.267 4.267 0 0 0 1.326-1.484z"
/>
<path
fill="url(#b)"
d="M34.942 33.751a4.846 4.846 0 0 0-1.948 3.375 6.872 6.872 0 0 1-2.719 4.709 5.3 5.3 0 0 0-.707.619c2.141.777 4.9-.528 6.415-3.154 1.34-2.321 1.284-4.95.055-6.546a6.526 6.526 0 0 1-1.096.997z"
/>
<g fill="url(#c)">
<path
d="M47.93 15C47.25 8.85 40.37 4 32 4S16.75 8.85 16.07 15zM48 28.25V21H16v7.25a11.391 11.391 0 0 0 1.91 6.32 13.373 13.373 0 0 1 2.24 6.84l.77 17.63a1 1 0 0 0 1 .96h20.16a.993.993 0 0 0 1-.95l.77-17.64a13.373 13.373 0 0 1 2.24-6.84A11.391 11.391 0 0 0 48 28.25zM37.716 40.3a8.274 8.274 0 0 1-6.881 4.374A5.622 5.622 0 0 1 28 43.929c-3.152-1.821-3.921-6.409-1.716-10.229s6.565-5.449 9.716-3.629 3.921 6.409 1.716 10.229zM14 17h36v2H14z"
/>
</g>
</g>
</svg>
More icons in the same style and category