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="25"
x2="25"
y1="66.143"
y2="-4.026"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6713d2" />
<stop offset="1" stop-color="#cc208e" />
</linearGradient>
<linearGradient id="b" x1="33" x2="33" y1="66.143" y2="-4.026" href="#a" />
<linearGradient
id="c"
x1="28.5"
x2="28.5"
y1="66.143"
y2="-4.026"
href="#a"
/>
<linearGradient
id="d"
x1="30.367"
x2="30.367"
y1="66.143"
y2="-4.026"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M23 21h2a2.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 27 7h-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 23 21z"
/>
<path
fill="url(#b)"
d="M31 21h2a2.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 35 7h-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 31 21z"
/>
<path
fill="url(#c)"
d="M5 54a3.009 3.009 0 0 0 3 3h41a3.009 3.009 0 0 0 3-3v-1H5z"
/>
<path
fill="url(#d)"
d="M54.79 32.11a5.888 5.888 0 0 0-3.342-1.328c.284-1.234.534-2.494.742-3.782H3.81c1.54 9.53 5.2 17.68 10.3 22.94a10.762 10.762 0 0 1 .88 1.06h26.02a10.762 10.762 0 0 1 .88-1.06 29.147 29.147 0 0 0 2.688-3.222c2.987 1.317 7.019.069 9.782-3.218 3.25-3.87 3.43-8.87.43-11.39zm-1.96 10.1a7.84 7.84 0 0 1-5.7 3.07 4.236 4.236 0 0 1-1.42-.243 44.578 44.578 0 0 0 5.245-12.289 3.943 3.943 0 0 1 2.545.882c2.15 1.81 1.85 5.57-.67 8.58z"
/>
</g>
</svg>
More icons in the same style and category