Add icons to this collection by clicking the heart icon.
Coffee Cup icon - also known as hot drink, coffee cup, coffee mug, tea 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="28"
x2="28"
y1="68.033"
y2="-3.241"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6713d2" />
<stop offset="1" stop-color="#cc208e" />
</linearGradient>
<linearGradient
id="b"
x1="31.425"
x2="31.425"
y1="68.033"
y2="-3.241"
href="#a"
/>
<linearGradient id="c" x1="24" x2="24" y1="68.033" y2="-3.241" href="#a" />
<linearGradient id="d" x1="32" x2="32" y1="68.033" y2="-3.241" href="#a" />
<g>
<path
fill="url(#a)"
d="M7.17 56A3.014 3.014 0 0 0 10 58h36a3.014 3.014 0 0 0 2.83-2z"
/>
<path
fill="url(#b)"
d="M57.18 31.2a4.968 4.968 0 0 0-4.13-2.2H50.4c.309-1.307.581-2.64.8-4H4.8c1.53 9.42 5.26 17.73 10.31 22.95A10.119 10.119 0 0 1 17.95 54h20.1a10.119 10.119 0 0 1 2.84-6.05A28.614 28.614 0 0 0 43.361 45h7.289a4.982 4.982 0 0 0 4.64-3.14l2.4-6a4.965 4.965 0 0 0-.51-4.66zm-1.35 3.92-2.4 5.99A3.011 3.011 0 0 1 50.65 43h-5.931a45.351 45.351 0 0 0 5.164-12h3.167a2.964 2.964 0 0 1 2.48 1.32 3 3 0 0 1 .3 2.8z"
/>
<path
fill="url(#c)"
d="M22 19h2a2.258 2.258 0 0 1 .759-1.681 4.208 4.208 0 0 0 0-5.968 2.245 2.245 0 0 1 0-3.366A4.168 4.168 0 0 0 26 5h-2a2.261 2.261 0 0 1-.759 1.683 4.209 4.209 0 0 0 0 5.969 2.244 2.244 0 0 1 0 3.365A4.164 4.164 0 0 0 22 19z"
/>
<path
fill="url(#d)"
d="M30 19h2a2.258 2.258 0 0 1 .759-1.681 4.208 4.208 0 0 0 0-5.968 2.245 2.245 0 0 1 0-3.366A4.168 4.168 0 0 0 34 5h-2a2.261 2.261 0 0 1-.759 1.683 4.209 4.209 0 0 0 0 5.969 2.244 2.244 0 0 1 0 3.365A4.164 4.164 0 0 0 30 19z"
/>
</g>
</svg>
More icons in the same style and category