Add icons to this collection by clicking the heart icon.
Coffee Cup icon - also known as bag, take away, takeaway, coffee cup, shopping, hold, food and restaurant, shipping and delivery, and food delivery. 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 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#e6abff" />
<stop offset=".369" stop-color="#cbb1ff" />
<stop offset=".728" stop-color="#99bdff" />
<stop offset="1" stop-color="#7ec3ff" />
</linearGradient>
<linearGradient
id="b"
x1="47.44"
x2="452.484"
y1="413.365"
y2="413.365"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="47.607"
x2="452.355"
y1="304.73"
y2="304.73"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="47.376"
x2="452.419"
y1="303.485"
y2="303.485"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="47.303"
x2="452.642"
y1="304.73"
y2="304.73"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="47.061"
x2="452.104"
y1="213.21"
y2="213.21"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="46.993"
x2="451.985"
y1="106.24"
y2="106.24"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="46.892"
x2="451.856"
y1="40.395"
y2="40.395"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="m386.06 334.73-10.8 129.76c-1.28 15.43-14.42 27.51-29.9 27.51H166.64c-15.48 0-28.62-12.08-29.9-27.51l-10.8-129.76h61.73c13.14 20.59 38.84 34.61 68.33 34.61s55.19-14.02 68.33-34.61z"
/>
<path
fill="url(#c)"
d="m389.4 294.73-1.67 20h-55.24c.75-3.65 1.16-7.41 1.16-11.24 0-2.97-.26-5.89-.71-8.76z"
/>
<path
fill="url(#d)"
d="M313.65 303.49c0 25.28-25.86 45.85-57.65 45.85s-57.65-20.57-57.65-45.85c0-25.29 25.86-45.86 57.65-45.86s57.65 20.57 57.65 45.86z"
/>
<path
fill="url(#e)"
d="M179.51 314.73h-55.24l-1.67-20h56.46c-.45 2.87-.71 5.79-.71 8.76 0 3.83.41 7.59 1.16 11.24z"
/>
<path
fill="url(#f)"
d="m401.3 151.69-10.24 123.04h-65.22c-12.61-21.94-39.17-37.1-69.84-37.1s-57.23 15.16-69.84 37.1h-65.22L110.7 151.69z"
/>
<path
fill="url(#g)"
d="M425.5 95.79v20.9c0 8.27-6.73 15-15 15h-309c-8.27 0-15-6.73-15-15v-20.9c0-8.27 6.73-15 15-15h309c8.27 0 15 6.73 15 15z"
/>
<path
fill="url(#h)"
d="M365.75 40v20.79h-219.5V40c0-11.03 8.97-20 20-20h179.5c11.03 0 20 8.97 20 20z"
/>
</svg>
More icons in the same style and category