Add icons to this collection by clicking the heart icon.
Cup Carrier icon - also known as coffee, 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="a">
<stop offset="0" stop-color="#f79808" />
<stop offset="1" stop-color="#ecbd0b" />
</linearGradient>
<linearGradient
id="e"
x1="113.182"
x2="113.182"
y1="319.916"
y2="143.446"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#41262f" />
<stop offset="1" stop-color="#543843" />
</linearGradient>
<linearGradient
id="f"
x1="106.807"
x2="106.807"
y1="143.446"
y2="101.501"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset=".017" stop-color="#ccc" />
<stop offset="1" stop-color="#f2f2f2" />
</linearGradient>
<linearGradient
id="g"
x1="126.452"
x2="126.452"
y1="101.501"
y2="76.626"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="h"
x1="398.808"
x2="398.808"
y1="319.916"
y2="143.446"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#0969db" />
<stop offset="1" stop-color="#4f8aff" />
</linearGradient>
<linearGradient
id="i"
x1="115.394"
x2="115.394"
y1="299.256"
y2="191.428"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="j"
x1="396.57"
x2="396.57"
y1="299.256"
y2="191.428"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="k"
x1="405.157"
x2="405.157"
y1="143.446"
y2="101.501"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="385.511"
x2="385.511"
y1="101.501"
y2="76.626"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="256"
x2="256"
y1="471.074"
y2="40.926"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="255.998"
x2="255.998"
y1="81.804"
y2="71.396"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#e)"
d="M180.392 143.446v132.652c0 24.112-19.562 43.818-43.818 43.818H62.416l-1.457-15.664-.468-4.996-10.044-107.828-4.476-47.981h134.421z"
/>
<path
fill="url(#f)"
d="M180.392 101.501v41.945H45.138c-6.505 0-11.918-5.36-11.918-11.918a29.844 29.844 0 0 1 8.847-21.232c5.412-5.464 12.958-8.795 21.181-8.795z"
/>
<path
fill="url(#g)"
d="M180.549 76.625a20.149 20.149 0 0 0-.156 2.498V101.5H72.356c.416-6.661 3.227-12.698 7.702-17.122a26.512 26.512 0 0 1 18.787-7.754h81.704z"
/>
<path
fill="url(#h)"
d="m466.045 143.446-4.475 47.981-11.97 128.488h-74.21c-24.253 0-43.818-19.831-43.818-43.818V143.446z"
/>
<path
fill="url(#i)"
d="M180.392 191.428v84.671a43.899 43.899 0 0 1-6.609 23.158H60.438L50.395 191.428z"
/>
<path
fill="url(#j)"
d="m461.569 191.428-10.044 107.828H338.232a43.473 43.473 0 0 1-6.661-23.158v-84.671h129.998z"
/>
<path
fill="url(#k)"
d="M478.743 131.529c0 6.557-5.36 11.918-11.918 11.918H331.571v-41.945h117.196c16.549-.001 29.976 13.478 29.976 30.027z"
/>
<path
fill="url(#l)"
d="M439.608 101.501H331.571V79.124c0-.833-.052-1.665-.156-2.498h81.756c14.103-.001 25.708 10.981 26.437 24.875z"
/>
<path
fill="url(#m)"
d="M500.592 352.008v49.355c0 38.5-31.21 69.71-69.71 69.71H81.119c-38.5 0-69.71-31.21-69.71-69.71v-49.355c0-17.741 14.382-32.123 32.123-32.123h93.072c24.192 0 43.803-19.612 43.803-43.804V79.115c0-21.091 17.098-38.189 38.189-38.189h74.81c21.091 0 38.189 17.098 38.189 38.189v196.967c0 24.192 19.611 43.804 43.803 43.804h93.072c17.74 0 32.122 14.382 32.122 32.122z"
/>
<path
fill="url(#n)"
d="M293.403 81.804h-74.809c-2.876 0-5.204-2.33-5.204-5.204s2.328-5.204 5.204-5.204h74.809c2.876 0 5.204 2.33 5.204 5.204s-2.328 5.204-5.204 5.204z"
/>
</svg>
More icons in the same style and category