Add icons to this collection by clicking the heart icon.
Coffee Cups icon - also known as drink, beverage, take away, coffee shop, Paper cup, cafe, holder, food and restaurant, coffee cups, and to go cup. 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="16"
x2="16"
y1="59.406"
y2="3.002"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6713d2" />
<stop offset="1" stop-color="#cc208e" />
</linearGradient>
<linearGradient
id="b"
x1="14.69"
x2="14.69"
y1="59.406"
y2="3.002"
href="#a"
/>
<linearGradient id="c" x1="48" x2="48" y1="59.406" y2="3.002" href="#a" />
<linearGradient id="d" x1="17" x2="17" y1="59.406" y2="3.002" href="#a" />
<linearGradient
id="e"
x1="49.31"
x2="49.31"
y1="59.406"
y2="3.002"
href="#a"
/>
<linearGradient id="f" x1="32" x2="32" y1="59.406" y2="3.002" href="#a" />
<linearGradient
id="g"
x1="26.8"
x2="26.8"
y1="59.406"
y2="3.002"
href="#a"
/>
<linearGradient
id="h"
x1="37.205"
x2="37.205"
y1="59.406"
y2="3.002"
href="#a"
/>
<linearGradient
id="i"
x1="34.277"
x2="34.277"
y1="59.406"
y2="3.002"
href="#a"
/>
<linearGradient
id="j"
x1="28.163"
x2="28.163"
y1="59.406"
y2="3.002"
href="#a"
/>
<linearGradient
id="k"
x1="35.731"
x2="35.731"
y1="59.406"
y2="3.002"
href="#a"
/>
<linearGradient
id="l"
x1="27.555"
x2="27.555"
y1="59.406"
y2="3.002"
href="#a"
/>
<linearGradient id="m" x1="47" x2="47" y1="59.406" y2="3.002" href="#a" />
<g>
<path fill="url(#a)" d="m23.38 33-1-2H9.62l-1 2zM6 35h20v2H6z" />
<path fill="url(#b)" d="M17.38 27H12v2h4.38z" />
<path fill="url(#c)" d="M38 35h20v2H38z" />
<path fill="url(#d)" d="m18.38 25 1-2h-3.76l-1 2z" />
<path fill="url(#e)" d="M47.62 29H52v-2h-5.38z" />
<path fill="url(#f)" d="M4 39h56v2H4z" />
<path fill="url(#c)" d="m40.51 43 1.4 14H54.1l1.39-14z" />
<path fill="url(#g)" d="M24.9 49h3.2l.6-6h-3.2z" />
<path fill="url(#h)" d="M35.91 49h3.19l-.6-6h-3.19z" />
<path fill="url(#a)" d="m8.51 43 1.4 14H22.1l1.39-14z" />
<path
fill="url(#i)"
d="M32.333 27.407a2.485 2.485 0 0 0 1.714-1.715 4.487 4.487 0 0 1 3-3l.032-.01a2.807 2.807 0 0 0-1.079-.21 3.442 3.442 0 0 0-.388.022 4.926 4.926 0 0 0-4.116 4.116 3.085 3.085 0 0 0 .074 1.1 5.331 5.331 0 0 1 .763-.303z"
/>
<path
fill="url(#j)"
d="M26.448 24.679a.718.718 0 0 0 .56-.06 2.662 2.662 0 0 1 1.755-.109 2.54 2.54 0 0 1 1.064.561 6.715 6.715 0 0 1 .832-1.636 5.342 5.342 0 0 0-.882-.331 4.507 4.507 0 0 0-3.4.339 2.93 2.93 0 0 0-.706.561 4.427 4.427 0 0 1 .325.344c.177.213.226.27.452.331z"
/>
<path fill="url(#c)" d="m41.62 31-1 2h14.76l-1-2z" />
<path
fill="url(#f)"
d="M22.38 29a1.971 1.971 0 0 1 1.79 1.11L25.62 33H26a2.006 2.006 0 0 1 2 2v2h8v-2a2.006 2.006 0 0 1 2-2h.38l1.45-2.89A1.971 1.971 0 0 1 41.62 29h3.76l-5-10H23.62l-5 10zm.824-4.549a4.53 4.53 0 0 1 2.169-2.74 6.53 6.53 0 0 1 4.928-.537 7.2 7.2 0 0 1 1.789.757 6.509 6.509 0 0 1 3.3-1.425 4.462 4.462 0 0 1 5.1 5.1 6.921 6.921 0 0 1-5.884 5.884 5.641 5.641 0 0 1-.617.034 4.608 4.608 0 0 1-2.555-.732 6.373 6.373 0 0 1-1.88.277 7.2 7.2 0 0 1-1.856-.247 6.637 6.637 0 0 1-3.654-2.416 4.6 4.6 0 0 1-.844-3.955z"
/>
<path
fill="url(#k)"
d="M35.949 26.312a4.485 4.485 0 0 1-3 3h-.013a2.943 2.943 0 0 0 1.453.192 4.926 4.926 0 0 0 4.116-4.116 3.108 3.108 0 0 0-.074-1.1 5.416 5.416 0 0 1-.766.3 2.485 2.485 0 0 0-1.717 1.717z"
/>
<path
fill="url(#l)"
d="M28.218 28.9a5.116 5.116 0 0 0 1.7.157 4.618 4.618 0 0 1-.428-1.591 2.973 2.973 0 0 1-.794-.69c-.178-.211-.227-.269-.453-.33a.742.742 0 0 0-.558.06 2.677 2.677 0 0 1-1.756.109 2.616 2.616 0 0 1-.742-.327 3.148 3.148 0 0 0 .47.942 4.64 4.64 0 0 0 2.561 1.67z"
/>
<path fill="url(#m)" d="m44.62 23 1 2h3.76l-.99-2z" />
<g fill="url(#f)">
<path d="M28 13h8a1 1 0 0 0 0-2h-8a1 1 0 0 0 0 2z" />
<path
d="M23.72 17h16.56l3.33-10H20.39zM28 9h8a3 3 0 0 1 0 6h-8a3 3 0 0 1 0-6z"
/>
</g>
</g>
</svg>
More icons in the same style and category