Add icons to this collection by clicking the heart icon.
Coffee Cup icon - also known as hot drink, take away, coffee cup, Paper cup, 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="47"
x2="47"
y1="67.103"
y2="-1.184"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6713d2" />
<stop offset="1" stop-color="#cc208e" />
</linearGradient>
<linearGradient id="b" x1="32" x2="32" y1="67.103" y2="-1.184" href="#a" />
<linearGradient
id="c"
x1="48.072"
x2="48.072"
y1="67.103"
y2="-1.184"
href="#a"
/>
<linearGradient
id="d"
x1="45.925"
x2="45.925"
y1="67.103"
y2="-1.184"
href="#a"
/>
<linearGradient
id="e"
x1="15.925"
x2="15.925"
y1="67.103"
y2="-1.184"
href="#a"
/>
<linearGradient id="f" x1="17" x2="17" y1="67.103" y2="-1.184" href="#a" />
<linearGradient
id="g"
x1="18.072"
x2="18.072"
y1="67.103"
y2="-1.184"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="m37.58 34 1.85 16h15.14l1.85-16zm13.75 10.5a6.652 6.652 0 0 1-3.285 2.907 5.121 5.121 0 0 1-1.867.366A4.326 4.326 0 0 1 44 47.2a4.6 4.6 0 0 1-2.206-3.4 6.917 6.917 0 0 1 4.161-7.2 4.46 4.46 0 0 1 6.251 3.6 6.66 6.66 0 0 1-.876 4.3zM56.88 30H37.12l.23 2h19.3z"
/>
<path
fill="url(#b)"
d="M60 24a2.006 2.006 0 0 0-2-2H6a2.006 2.006 0 0 0-2 2v4h56z"
/>
<path fill="url(#a)" d="M39.89 54h14.22l.23-2H39.66z" />
<path
fill="url(#c)"
d="M49.851 39.415a5.874 5.874 0 0 1-.577.491 3.183 3.183 0 0 0-1.281 2.221 5.183 5.183 0 0 1-2.051 3.553l-.07.055a2.957 2.957 0 0 0 1.446-.19 4.926 4.926 0 0 0 2.911-5.045 3.1 3.1 0 0 0-.378-1.085z"
/>
<path
fill="url(#d)"
d="M46.669 39.88a4.718 4.718 0 0 1 1.391-1.563l.063-.05a2.558 2.558 0 0 0-.306-.038 3.149 3.149 0 0 0-1.135.226 4.926 4.926 0 0 0-2.911 5.045 3.137 3.137 0 0 0 .377 1.088 6.166 6.166 0 0 1 .578-.493 3.187 3.187 0 0 0 1.284-2.224 4.719 4.719 0 0 1 .659-1.991z"
/>
<path
fill="url(#e)"
d="M16.669 39.88a4.718 4.718 0 0 1 1.391-1.563l.063-.05a2.558 2.558 0 0 0-.306-.038 3.149 3.149 0 0 0-1.135.226 4.926 4.926 0 0 0-2.911 5.045 3.137 3.137 0 0 0 .377 1.088 6.166 6.166 0 0 1 .578-.493 3.187 3.187 0 0 0 1.284-2.224 4.719 4.719 0 0 1 .659-1.991z"
/>
<path
fill="url(#b)"
d="M13 20h8v-5a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v5h8v-7a3.009 3.009 0 0 0-3-3H16a3.009 3.009 0 0 0-3 3z"
/>
<path
fill="url(#f)"
d="m7.58 34 1.85 16h15.14l1.85-16zm13.75 10.5a6.652 6.652 0 0 1-3.285 2.907 5.121 5.121 0 0 1-1.867.366A4.326 4.326 0 0 1 14 47.2a4.6 4.6 0 0 1-2.206-3.4 6.917 6.917 0 0 1 4.161-7.2 4.46 4.46 0 0 1 6.251 3.6 6.66 6.66 0 0 1-.876 4.3zM9.89 54h14.22l.23-2H9.66z"
/>
<path
fill="url(#g)"
d="M19.851 39.415a5.874 5.874 0 0 1-.577.491 3.183 3.183 0 0 0-1.281 2.221 5.183 5.183 0 0 1-2.051 3.553l-.07.055a2.957 2.957 0 0 0 1.446-.19 4.926 4.926 0 0 0 2.911-5.045 3.1 3.1 0 0 0-.378-1.085z"
/>
<path fill="url(#f)" d="M26.88 30H7.12l.23 2h19.3z" />
</g>
</svg>
More icons in the same style and category