Add icons to this collection by clicking the heart icon.
Frappe icon - also known as beverage, take away, coffee cup, soda, Paper cup, Soft drink, cold drink, frappe, 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 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#8abbd5" />
<stop offset=".518" stop-color="#6cabca" />
<stop offset=".793" stop-color="#2c91b9" />
<stop offset=".976" stop-color="#0681af" />
</linearGradient>
<radialGradient
id="d"
cx="232.137"
cy="-58.227"
r="142.321"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="e"
cx="332.499"
cy="35.4"
r="210.721"
gradientTransform="matrix(0 1 -.397 0 346.545 -297.099)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#017297" />
<stop offset=".512" stop-color="#024c67" />
<stop offset=".976" stop-color="#00366d" />
</radialGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#c6f2e7" />
<stop offset=".546" stop-color="#afe2e6" />
<stop offset="1" stop-color="#75cdd5" />
</linearGradient>
<radialGradient
id="f"
cx="167"
cy="57.353"
r="148.872"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="g"
cx="351.868"
cy="3105.903"
r="211.111"
gradientTransform="matrix(.931 0 0 .113 -74.264 136.3)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcb2b8" />
<stop offset=".143" stop-color="#fdbdc1" />
<stop offset=".496" stop-color="#ffd3d5" />
<stop offset=".888" stop-color="#fff" />
</radialGradient>
<radialGradient
id="h"
cx="89.534"
cy="290.197"
r="280.016"
gradientTransform="matrix(0 1 -.916 0 355.421 200.663)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="i"
cx="92.747"
cy="254.348"
r="253.645"
gradientTransform="matrix(0 1 -.916 0 325.787 161.601)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff7f3" />
<stop offset=".535" stop-color="#f3c6bd" />
<stop offset=".871" stop-color="#eaa998" />
</radialGradient>
<radialGradient
id="j"
cx="92.747"
cy="267.998"
r="241.617"
gradientTransform="matrix(0 1 -.916 0 338.294 175.251)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fffbe5" />
<stop offset=".514" stop-color="#fff6ce" />
<stop offset=".976" stop-color="#fff0ad" />
</radialGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#75cdd5" />
<stop offset=".214" stop-color="#4fc4ce" />
<stop offset=".406" stop-color="#2abcc8" />
<stop offset="1" stop-color="#0996a4" />
</linearGradient>
<radialGradient
id="k"
cx="351.329"
cy="-1322.193"
r="181.761"
gradientTransform="matrix(-1.143 0 0 -1.267 751.839 -1404.185)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="l"
cx="351.329"
cy="-1342.744"
r="187.225"
gradientTransform="matrix(-1.143 0 0 -1.267 751.839 -1463.096)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dd7f66" />
<stop offset=".512" stop-color="#d6694b" />
<stop offset=".669" stop-color="#c16552" />
<stop offset=".976" stop-color="#9b5e5e" />
</radialGradient>
<radialGradient
id="m"
cx="104.529"
cy="141.847"
r="94.039"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="n"
cx="300.892"
cy="-4185.279"
r="182.439"
gradientTransform="matrix(1 0 0 -1 0 -3968)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="o"
cx="376.012"
cy="75.353"
r="190.885"
gradientTransform="matrix(-1 0 0 -.521 752.024 114.643)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="p"
cx="300.892"
cy="-4185.279"
r="182.439"
gradientTransform="matrix(1 0 0 -1 0 -3968)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="q"
cx="351.329"
cy="-1333.594"
r="176.824"
gradientTransform="matrix(-1.143 0 0 -1.267 751.839 -1436.868)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd15b" />
<stop offset=".512" stop-color="#ffc344" />
<stop offset=".707" stop-color="#ffb126" />
<stop offset=".976" stop-color="#ff9a00" />
</radialGradient>
<path
fill="url(#d)"
d="M224.514 0v140.8h64c6.62-100.771-12.01-89.424 0-140.8z"
/>
<path fill="url(#e)" d="M262.914 0H294.4v140.8h-31.486z" />
<path
fill="url(#f)"
d="M104.019 153.6c0-44.584 25.33-83.25 62.381-102.4h75.181C204.53 70.35 192 121.816 192 166.4z"
/>
<path
fill="url(#g)"
d="M256 512c113.107 0 204.798-11.351 204.798-25.353H51.202C51.202 500.649 142.893 512 256 512z"
/>
<path fill="url(#h)" d="M204.188 179.2h-89.753l2.134 51.2L217.6 243.2z" />
<path fill="url(#i)" d="m118.702 281.6 8.533 204.8H204.8l-.408-217.6z" />
<path fill="url(#j)" d="M204.29 230.4h-87.721l2.133 51.2h85.69z" />
<path
fill="url(#k)"
d="M396.8 179.2H191.235l2.261 51.2 75.304 12.8 125.994-12.8z"
/>
<path
fill="url(#l)"
d="m195.757 281.6 9.043 204.8h179.965l8.023-204.8L281.6 268.8z"
/>
<path
fill="url(#m)"
d="M179.059 153.6h-76.8c-6.991 0-12.659 5.667-12.659 12.659V192h76.8l12.8-12.8z"
/>
<path
fill="url(#n)"
d="M409.741 153.6H179.059c-6.991 0-12.659 5.668-12.659 12.659V192h256v-25.741c0-6.991-5.668-12.659-12.659-12.659z"
/>
<path
fill="url(#o)"
d="M409.6 153.6c0-44.584-25.33-83.25-62.381-102.4H241.581C204.53 70.35 179.2 109.016 179.2 153.6c0 8.799.991 17.366 2.859 25.6H406.74a115.535 115.535 0 0 0 2.86-25.6z"
/>
<path
fill="url(#p)"
d="M409.741 153.6H179.059c-6.991 0-12.659 5.668-12.659 12.659V192h256v-25.741c0-6.991-5.668-12.659-12.659-12.659z"
/>
<path fill="url(#q)" d="M394.794 230.4H193.496l2.261 51.2h197.031z" />
</svg>
More icons in the same style and category