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="48.072"
x2="48.072"
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="47" x2="47" y1="67.103" y2="-1.184" href="#a" />
<linearGradient id="c" x1="32" x2="32" y1="67.103" y2="-1.184" href="#a" />
<linearGradient id="d" x1="17" x2="17" y1="67.103" y2="-1.184" href="#a" />
<linearGradient
id="e"
x1="45.923"
x2="45.923"
y1="67.103"
y2="-1.184"
href="#a"
/>
<linearGradient
id="f"
x1="15.923"
x2="15.923"
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="M47.32 40.54a4.913 4.913 0 0 0 2.91-5.04 3.132 3.132 0 0 0-.38-1.09 5.827 5.827 0 0 1-.58.5 2.726 2.726 0 0 0-.87.97 2.833 2.833 0 0 0-.41 1.25 5.171 5.171 0 0 1-2.05 3.55.179.179 0 0 1-.07.05 2.866 2.866 0 0 0 1.45-.19z"
/>
<path
fill="url(#b)"
d="m56.61 17-1.33-4H38.72l-1.33 4zM35 19h24v4H35z"
/>
<path
fill="url(#c)"
d="M58.48 48H60v-4H4v4h1.52a.988.988 0 0 1 .99.88L7.22 55h19.56l.71-6.12a.988.988 0 0 1 .99-.88h7.04a.988.988 0 0 1 .99.88l.71 6.12h19.56l.71-6.12a.988.988 0 0 1 .99-.88z"
/>
<path fill="url(#d)" d="M5 19h24v4H5zM26.61 17l-1.33-4H8.72l-1.33 4z" />
<path
fill="url(#b)"
d="M56.42 29H37.58l1.5 13h4.66a4.622 4.622 0 0 1-1.95-3.2 6.939 6.939 0 0 1 4.16-7.21 4.466 4.466 0 0 1 6.26 3.61 6.708 6.708 0 0 1-.88 4.3 6.887 6.887 0 0 1-2.47 2.5h6.06z"
/>
<path
fill="url(#e)"
d="M46.67 34.88a4.809 4.809 0 0 1 1.39-1.56.265.265 0 0 1 .06-.05 1.544 1.544 0 0 0-.3-.04 2.974 2.974 0 0 0-1.14.23 4.913 4.913 0 0 0-2.91 5.04 3.132 3.132 0 0 0 .38 1.09 5.827 5.827 0 0 1 .58-.5 2.915 2.915 0 0 0 .87-.97 2.744 2.744 0 0 0 .41-1.25 4.652 4.652 0 0 1 .66-1.99z"
/>
<path
fill="url(#d)"
d="M26.42 29H7.58l1.5 13h4.66a4.622 4.622 0 0 1-1.95-3.2 6.939 6.939 0 0 1 4.16-7.21 4.466 4.466 0 0 1 6.26 3.61 6.708 6.708 0 0 1-.88 4.3 6.887 6.887 0 0 1-2.47 2.5h6.06zM26.88 25H7.12l.23 2h19.3z"
/>
<path
fill="url(#f)"
d="M16.67 34.88a4.809 4.809 0 0 1 1.39-1.56.265.265 0 0 1 .06-.05 1.544 1.544 0 0 0-.3-.04 2.974 2.974 0 0 0-1.14.23 4.913 4.913 0 0 0-2.91 5.04 3.132 3.132 0 0 0 .38 1.09 5.827 5.827 0 0 1 .58-.5 2.915 2.915 0 0 0 .87-.97 2.744 2.744 0 0 0 .41-1.25 4.652 4.652 0 0 1 .66-1.99z"
/>
<path fill="url(#b)" d="M56.88 25H37.12l.23 2h19.3z" />
<path
fill="url(#g)"
d="M17.32 40.54a4.913 4.913 0 0 0 2.91-5.04 3.132 3.132 0 0 0-.38-1.09 5.827 5.827 0 0 1-.58.5 2.726 2.726 0 0 0-.87.97 2.833 2.833 0 0 0-.41 1.25 5.171 5.171 0 0 1-2.05 3.55.179.179 0 0 1-.07.05 2.866 2.866 0 0 0 1.45-.19z"
/>
</g>
</svg>
More icons in the same style and category