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="24"
x2="24"
y1="65.781"
y2="-1.473"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6713d2" />
<stop offset="1" stop-color="#cc208e" />
</linearGradient>
<linearGradient id="b" x1="32" x2="32" y1="65.781" y2="-1.473" href="#a" />
<linearGradient id="c" x1="28" x2="28" y1="65.781" y2="-1.473" href="#a" />
<linearGradient
id="d"
x1="32.762"
x2="32.762"
y1="65.781"
y2="-1.473"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M22 16h2a2.258 2.258 0 0 1 .759-1.681 4.208 4.208 0 0 0 0-5.968 2.244 2.244 0 0 1 0-3.366A4.171 4.171 0 0 0 26 2h-2a2.259 2.259 0 0 1-.76 1.683 4.212 4.212 0 0 0 0 5.969 2.243 2.243 0 0 1 0 3.365A4.164 4.164 0 0 0 22 16z"
/>
<path
fill="url(#b)"
d="M30 16h2a2.258 2.258 0 0 1 .759-1.681 4.208 4.208 0 0 0 0-5.968 2.244 2.244 0 0 1 0-3.366A4.171 4.171 0 0 0 34 2h-2a2.259 2.259 0 0 1-.76 1.683 4.212 4.212 0 0 0 0 5.969 2.243 2.243 0 0 1 0 3.365A4.164 4.164 0 0 0 30 16z"
/>
<path
fill="url(#c)"
d="M47 23a2.006 2.006 0 0 0-2-2H11a2 2 0 0 0 0 4h34a2.006 2.006 0 0 0 2-2z"
/>
<path
fill="url(#d)"
d="M52.42 28.86A4.99 4.99 0 0 0 48.53 27H12v24a9.014 9.014 0 0 0 9 9h14a9.014 9.014 0 0 0 9-9v-4h.77a7.045 7.045 0 0 0 6.84-5.53l1.8-8.42a4.964 4.964 0 0 0-.99-4.19zm-.96 3.77-1.8 8.42A5.035 5.035 0 0 1 44.77 45H44V29h4.53a3 3 0 0 1 2.93 3.63z"
/>
</g>
</svg>
More icons in the same style and category