Add icons to this collection by clicking the heart icon.
Cup icon - also known as cup, drink, beverage, take away, Paper cup, renewable, and food and restaurant. Created in a clean 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="-3.305"
x2="59.841"
y1="60.695"
y2="-2.451"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8dc63f" />
<stop offset=".505" stop-color="#59b891" />
<stop offset="1" stop-color="#27aae1" />
</linearGradient>
<linearGradient
id="b"
x1="9.65"
x2="72.796"
y1="73.65"
y2="10.504"
href="#a"
/>
<linearGradient
id="c"
x1="-6.75"
x2="56.396"
y1="57.25"
y2="-5.896"
href="#a"
/>
<linearGradient id="d" x1="-9" x2="54.146" y1="55" y2="-8.146" href="#a" />
<linearGradient
id="e"
x1="7.664"
x2="70.81"
y1="71.664"
y2="8.518"
href="#a"
/>
<linearGradient
id="f"
x1="6.67"
x2="69.816"
y1="70.67"
y2="7.524"
href="#a"
/>
<linearGradient
id="g"
x1="-2.25"
x2="60.896"
y1="61.75"
y2="-1.396"
href="#a"
/>
<linearGradient
id="h"
x1="1.5"
x2="64.646"
y1="65.5"
y2="2.354"
href="#a"
/>
<linearGradient
id="i"
x1="10.5"
x2="73.646"
y1="74.5"
y2="11.354"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M47.781 32a.863.863 0 0 1-.122-.008 1 1 0 0 1-.871-1.113L47.871 22H16.129l1.083 8.879a1 1 0 0 1-.871 1.113.986.986 0 0 1-1.113-.871l-1.22-10A1 1 0 0 1 15 20h34a1 1 0 0 1 .992 1.121l-1.22 10a1 1 0 0 1-.991.879z"
/>
<path
fill="url(#b)"
d="M44 63H20a1 1 0 0 1-.992-.879l-2.33-19.07a1 1 0 0 1 .871-1.113.986.986 0 0 1 1.113.871L20.886 61h22.228l2.222-18.179a1 1 0 0 1 1.994.1v.01a1 1 0 0 1-.008.121l-2.33 19.07A1 1 0 0 1 44 63z"
/>
<path
fill="url(#c)"
d="M51 22H13a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1h38a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1zm-37-2h36v-3H14z"
/>
<path
fill="url(#d)"
d="M34 17a1 1 0 0 1-.894-1.447l5-10A1 1 0 0 1 39 5h8V3H36.618l-6.723 13.447a1 1 0 0 1-1.789-.895l7-14A1 1 0 0 1 36 1h12a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-8.382l-4.724 9.447A1 1 0 0 1 34 17z"
/>
<path
fill="url(#e)"
d="M39 46h-7a1 1 0 0 1-1-1v-4a11.012 11.012 0 0 1 11-11h11a1 1 0 0 1 1 1 15.016 15.016 0 0 1-15 15zm-6-2h6a13.017 13.017 0 0 0 12.962-12H42a9.01 9.01 0 0 0-9 9z"
/>
<path
fill="url(#f)"
d="M32 46a1 1 0 0 1-.918-1.393 17.937 17.937 0 0 1 11.676-9.577 1 1 0 0 1 .484 1.939A16.21 16.21 0 0 0 32.918 45.4 1 1 0 0 1 32 46z"
/>
<path
fill="url(#g)"
d="M32 46h-7a15.016 15.016 0 0 1-15-15 1 1 0 0 1 1-1h11a11.012 11.012 0 0 1 11 11v4a1 1 0 0 1-1 1zM12.038 32A13.017 13.017 0 0 0 25 44h6v-3a9.01 9.01 0 0 0-9-9z"
/>
<path
fill="url(#h)"
d="M32 46a1 1 0 0 1-.919-.6 16.209 16.209 0 0 0-10.323-8.43 1 1 0 1 1 .484-1.939 17.937 17.937 0 0 1 11.677 9.576 1 1 0 0 1-.525 1.313A.983.983 0 0 1 32 46z"
/>
<path
fill="url(#i)"
d="M32 62a1 1 0 0 1-1-1V45a1 1 0 0 1 2 0v16a1 1 0 0 1-1 1z"
/>
</g>
</svg>
More icons in the same style and category