Add icons to this collection by clicking the heart icon.
Coffee Cup icon - also known as beverage, hot drink, take away, coffee cup, Paper cup, holder, food and restaurant, and cup carrier. 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="c"
x1="254.37"
x2="254.37"
y1="410.372"
y2="1.172"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f79808" />
<stop offset="1" stop-color="#ecbd0b" />
</linearGradient>
<linearGradient id="a">
<stop offset=".017" stop-color="#ccc" />
<stop offset="1" stop-color="#f2f2f2" />
</linearGradient>
<linearGradient
id="d"
x1="254.37"
x2="254.37"
y1="99.163"
y2="40.03"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#41262f" />
<stop offset="1" stop-color="#543843" />
</linearGradient>
<linearGradient
id="e"
x1="254.37"
x2="254.37"
y1="211.969"
y2="165.845"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="254.37"
x2="254.37"
y1="165.845"
y2="141.326"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="254.386"
x2="254.386"
y1="434.677"
y2="211.969"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="256"
x2="256"
y1="510.828"
y2="368.756"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9403e" />
<stop offset="1" stop-color="#f77953" />
</linearGradient>
<path
fill="url(#c)"
d="M425.067 81.593v328.779H83.673V81.593c0-44.378 36.042-80.421 80.42-80.421h180.553c44.378 0 80.421 36.042 80.421 80.421z"
/>
<path
fill="url(#d)"
d="M336.987 69.654c0 8.222-3.266 15.542-8.673 20.836-5.293 5.406-12.727 8.673-20.95 8.673H201.263c-16.332 0-29.51-13.177-29.51-29.509 0-8.223 3.266-15.545 8.673-20.951 5.293-5.293 12.615-8.673 20.837-8.673h106.101c16.445 0 29.623 13.292 29.623 29.624z"
/>
<path
fill="url(#e)"
d="M372.579 196.039v2.236c0 7.563-6.131 13.694-13.694 13.694H149.854c-7.563 0-13.694-6.131-13.694-13.694v-2.236c0-16.676 13.518-30.194 30.194-30.194h176.03c16.677 0 30.195 13.518 30.195 30.194z"
/>
<path
fill="url(#f)"
d="M342.935 165.845c.001-.074.042-.135.042-.208v-1.676c0-12.5-10.133-22.633-22.632-22.633H188.396c-12.5 0-22.633 10.133-22.633 22.633v1.676c0 .074.041.135.042.208z"
/>
<path
fill="url(#g)"
d="m360.43 211.969-25.911 183.519c-3.173 22.477-22.41 39.188-45.11 39.188h-70.046c-22.7 0-41.937-16.711-45.11-39.189l-25.91-183.519H360.43z"
/>
<path
fill="url(#h)"
d="M474.351 410.068v6.547c0 52.016-42.197 94.213-94.213 94.213H131.95c-52.105 0-94.302-42.197-94.302-94.213v-6.547c0-22.822 18.489-41.311 41.312-41.311h354.078c22.825-.001 41.313 18.489 41.313 41.311z"
/>
</svg>
More icons in the same style and category