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="69.73"
y2="-2.303"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6713d2" />
<stop offset="1" stop-color="#cc208e" />
</linearGradient>
<linearGradient id="b" x1="36" x2="36" y1="69.73" y2="-2.303" href="#a" />
<linearGradient id="c" x1="32" x2="32" y1="69.73" y2="-2.303" href="#a" />
<linearGradient
id="d"
x1="36.867"
x2="36.867"
y1="69.73"
y2="-2.303"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M26 16h2a2.258 2.258 0 0 1 .759-1.681 4.207 4.207 0 0 0 0-5.967 2.248 2.248 0 0 1 0-3.368A4.163 4.163 0 0 0 30 2h-2a2.267 2.267 0 0 1-.759 1.684 4.208 4.208 0 0 0 0 5.968 2.244 2.244 0 0 1 0 3.365A4.162 4.162 0 0 0 26 16z"
/>
<path
fill="url(#b)"
d="M34 16h2a2.258 2.258 0 0 1 .759-1.681 4.207 4.207 0 0 0 0-5.967 2.248 2.248 0 0 1 0-3.368A4.163 4.163 0 0 0 38 2h-2a2.267 2.267 0 0 1-.759 1.684 4.208 4.208 0 0 0 0 5.968 2.244 2.244 0 0 1 0 3.365A4.162 4.162 0 0 0 34 16z"
/>
<path
fill="url(#c)"
d="M47 27a5 5 0 0 0-5-5H22a5 5 0 0 0-5 5v1h30zm-26-1h-2v-2h2zm6 0h-2v-2h2zm6-1h-2v-2h2zm6 1h-2v-2h2zm6 0h-2v-2h2z"
/>
<path
fill="url(#d)"
d="M56.41 35.856A4.95 4.95 0 0 0 52.53 34h-5.376c.181-1.34.39-2.677.636-4H16.21a82.277 82.277 0 0 1 1.16 8.98l1.35 18.24A3.015 3.015 0 0 0 21.71 60h20.58a3.015 3.015 0 0 0 2.99-2.78l.238-3.22h3.252a7.041 7.041 0 0 0 6.842-5.529l1.8-8.42a4.964 4.964 0 0 0-1.002-4.195zm-.952 3.773-1.8 8.423A5.034 5.034 0 0 1 48.77 52h-3.1l.964-13.02c.073-.992.171-1.986.281-2.98h5.615a2.995 2.995 0 0 1 2.928 3.629z"
/>
</g>
</svg>
More icons in the same style and category