Add icons to this collection by clicking the heart icon.
Cotton Candy icon - also known as food, sweets, party, christmas candy, lollipop, lollies, cotton candy, and birthday and party. Created in a clean flat 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 128 128"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ffd5a3" />
<stop offset="1" stop-color="#ffba76" />
</linearGradient>
<linearGradient
id="d"
x1="51.269"
x2="52.102"
y1="136.353"
y2="125.187"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="82.048"
x2="98.368"
y1="86.731"
y2="86.585"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="82.682"
x2="98.046"
y1="98.747"
y2="98.61"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="83.316"
x2="97.724"
y1="110.763"
y2="110.634"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="80.734"
x2="92.671"
y1="122.809"
y2="122.703"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="31.381"
x2="32.214"
y1="134.869"
y2="123.703"
gradientTransform="matrix(-1 0 0 1 108.001 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="62.049"
x2="78.369"
y1="86.731"
y2="86.585"
gradientTransform="matrix(-1 0 0 1 108.001 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="62.683"
x2="78.047"
y1="98.747"
y2="98.61"
gradientTransform="matrix(-1 0 0 1 108.001 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="63.317"
x2="77.724"
y1="110.763"
y2="110.634"
gradientTransform="matrix(-1 0 0 1 108.001 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="60.734"
x2="72.672"
y1="122.809"
y2="122.703"
gradientTransform="matrix(-1 0 0 1 108.001 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="100.848"
x2="77.348"
y1="9.742"
y2="77.992"
gradientUnits="userSpaceOnUse"
>
<stop offset=".12" stop-color="#9ec8f0" />
<stop offset="1" stop-color="#65b3e1" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#50a7d1" />
<stop offset="1" stop-color="#198cc3" />
</linearGradient>
<linearGradient
id="o"
x1="146.892"
x2="168.225"
y1="-.569"
y2="-5.069"
gradientTransform="matrix(-1 0 0 1 83.988 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="154.507"
x2="175.84"
y1="35.531"
y2="31.031"
gradientTransform="matrix(-1 0 0 1 83.988 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="35.294"
x2="52.929"
y1="21.761"
y2="96.79"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#feaeae" />
<stop offset="1" stop-color="#f77772" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#f77772" />
<stop offset=".335" stop-color="#f57370" />
<stop offset=".681" stop-color="#f16669" />
<stop offset="1" stop-color="#ea545f" />
</linearGradient>
<linearGradient
id="r"
x1="37.078"
x2="36.828"
y1="88.35"
y2="121.1"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="s"
x1="63.171"
x2="62.921"
y1="88.549"
y2="121.299"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="t"
x1="36.356"
x2="36.106"
y1="88.344"
y2="121.094"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path fill="url(#d)" d="M56 123 46 78l8-2 8 45c.03 2-.708 8.979-6 2z" />
<path fill="url(#e)" d="M48.667 90h7.822l-1.067-6h-8.089z" />
<path fill="url(#f)" d="M51.333 102h7.289l-1.066-6H50z" />
<path fill="url(#g)" d="M59.689 108h-7.022L54 114h6.756z" />
<path fill="url(#h)" d="M56 123c5.292 6.979 6.03 0 6-2l-.178-1h-6.489z" />
<path fill="url(#i)" d="m72 123 10-45-8-2-8 45c-.03 2 .708 8.979 6 2z" />
<path fill="url(#j)" d="M79.333 90h-7.822l1.067-6h8.089z" />
<path fill="url(#k)" d="M76.667 102h-7.289l1.066-6H78z" />
<path fill="url(#l)" d="M68.311 108h7.022L74 114h-6.756z" />
<path fill="url(#m)" d="M72 123c-5.292 6.979-6.03 0-6-2l.178-1h6.489z" />
<path
fill="url(#n)"
d="M59.97 27c-5.042-10.125 8.958-21 20-14 2.342-7.568 12.75-13.375 22-10 8.386 3.06 14.625 11.792 11 21 8.833 0 16.458 12.875 9 22 4.434 4.7 6.393 11.524 4 17-3.072 7.027-8.902 11.071-17 11-2.377 7.609-10.287 17.186-21 13-4.629-1.809-8.053-4.273-10-8-3.405 1.109-9.435 1.589-14 0-10.385-3.615-11.342-14.432-9-22-8.083-5.667-9.267-12.673-7-20 1.784-5.768 6.054-8.568 12-10z"
/>
<path
fill="url(#o)"
d="M100.481 36c.928 0 1.535-.063 1.629-.073.548-.062.943-.555.883-1.104a1.006 1.006 0 0 0-1.103-.885c-.083.01-8.45.852-12.059-4.561a1 1 0 0 0-1.664 1.11C91.425 35.372 97.551 36 100.481 36z"
/>
<path
fill="url(#p)"
d="M97.451 73.067c.928 0 1.535-.063 1.629-.073.548-.062.943-.555.883-1.104a1.005 1.005 0 0 0-1.103-.885c-.084.009-8.45.852-12.059-4.561a1 1 0 1 0-1.664 1.11c3.258 4.885 9.384 5.513 12.314 5.513z"
/>
<path
fill="url(#q)"
d="M69 27c5.042-10.125-8.958-21-20-14C46.658 5.432 36.25-.375 27 3c-8.386 3.06-14.625 11.792-11 21C7.167 24-.458 36.875 7 46 2.566 50.7.607 57.524 3 63c3.072 7.027 8.902 11.071 17 11 1.062 8 4.958 17 21 13 6.452-1.609 8.053-4.273 10-8 3.405 1.109 9.435 1.589 14 0 10.385-3.615 11.342-14.432 9-22 8.083-5.667 9.267-12.673 7-20-1.784-5.768-6.054-8.568-12-10z"
/>
<path
fill="url(#r)"
d="M27.411 39.96c-3.656 0-6.668-.991-6.731-1.013a1 1 0 0 1 .641-1.895c.482.161 11.873 3.888 15.774-4.476a1.002 1.002 0 0 1 1.248-.517c.449.161 11.05 3.893 14.744-4.465a1 1 0 0 1 1.829.808c-3.775 8.543-13.47 6.609-16.405 5.797-2.57 4.633-7.202 5.761-11.1 5.761z"
/>
<path
fill="url(#s)"
d="M58.519 49.005c-.928 0-1.535-.063-1.629-.073a1.001 1.001 0 0 1-.883-1.104 1.006 1.006 0 0 1 1.103-.885c.083.01 8.45.852 12.059-4.561a1 1 0 0 1 1.664 1.11c-3.258 4.885-9.384 5.513-12.314 5.513z"
/>
<path
fill="url(#t)"
d="M31.519 73.067c-.928 0-1.535-.063-1.629-.073a1.001 1.001 0 0 1-.883-1.104c.061-.549.556-.94 1.103-.885.084.009 8.45.852 12.059-4.561a1 1 0 1 1 1.664 1.11c-3.258 4.885-9.384 5.513-12.314 5.513z"
/>
</svg>
More icons in the same style and category