Add icons to this collection by clicking the heart icon.
Coffee Cup icon - also known as hot drink, take away, coffee cup, Paper 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="32"
x2="32"
y1="64.383"
y2="-1.931"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6713d2" />
<stop offset="1" stop-color="#cc208e" />
</linearGradient>
<linearGradient
id="b"
x1="33.072"
x2="33.072"
y1="64.383"
y2="-1.931"
href="#a"
/>
<linearGradient
id="c"
x1="30.925"
x2="30.925"
y1="64.383"
y2="-1.931"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="m45.1 55.05.05-1.05h-26.3l.05 1.05a1.007 1.007 0 0 0 1 .95h24.2a1.007 1.007 0 0 0 1-.95z"
/>
<path
fill="url(#b)"
d="M34.851 41.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.11 3.11 0 0 0-.378-1.085z"
/>
<path
fill="url(#c)"
d="M31.669 41.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.13 3.13 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"
/>
<g fill="url(#a)">
<path
d="M14 20h36v4H14zM21 58h22v2H21zM46.17 33.66a2.974 2.974 0 0 1 .76-1.86l.81-.9a.971.971 0 0 0 .26-.67V30H16v.23a.971.971 0 0 0 .26.67l.81.9a2.974 2.974 0 0 1 .76 1.86L17.9 35h28.2zM31 4h2v14h-2zM16 26h32v2H16zM46 37H18l.75 15h26.5zm-9.67 9.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 29 49.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.3z"
/>
</g>
</g>
</svg>
More icons in the same style and category