Add icons to this collection by clicking the heart icon.
Cotton Candy icon - also known as food, candy, dessert, sugar, sweet, Cotton, cotton candy, and food and restaurant. Created in a clean gradient style with a white, navy, and pink finish, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(159.47498 -159.47498) rotate(89.231 1.37 .255)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#81d9e7" />
<stop offset="1" stop-opacity="1" stop-color="#b5e9f1" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(341.65048 0 0 -341.65048 85.175 328.932)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffb0d0" />
<stop offset="1" stop-opacity="1" stop-color="#ffc7de" />
</linearGradient>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="m221.524 189.389 17.697-174.228C240.095 6.551 247.345 0 256 0c8.654 0 15.905 6.551 16.779 15.161l17.697 174.228z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#a)"
stroke="none"
/>
<path
d="M256 512c-50.489 0-67.608-38.144-72.805-68.603-3.139-18.4-17.586-32.599-36.02-35.53-39.959-6.352-62-39.942-62-72.757 0-20.029 7.857-38.222 20.658-51.666 10.603-11.135 13.694-27.633 7.611-41.755a64.69 64.69 0 0 1-5.307-25.678c0-38.741 34.343-70.147 76.707-70.147 19.071 0 36.51 6.367 49.923 16.903 12.445 9.775 30.02 9.775 42.465 0 13.415-10.536 30.853-16.903 49.924-16.903 42.364 0 76.707 31.406 76.707 70.147a64.706 64.706 0 0 1-5.306 25.678c-6.084 14.122-2.993 30.62 7.61 41.755 12.801 13.444 20.658 31.637 20.658 51.666 0 32.442-23.994 68.114-62.235 74.133-18.248 2.872-32.716 16.933-35.953 35.119C323.244 474.655 305.956 512 256 512Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#b)"
stroke="none"
/>
<g clip-path="url(#c)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0a19.646 19.646 0 0 1-.804 4.374C-2.409 9.658.573 15.243 5.857 16.849c5.285 1.606 10.87-1.377 12.476-6.661a39.69 39.69 0 0 0 1.62-8.833c.375-5.509-3.775-10.654-9.299-10.654C2.843-9.299.358-5.28 0 0"
transform="translate(358.818 217.363)"
fill="#ffdeed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-12.742 0-24.988 4.106-34.481 11.563-4.344 3.412-5.099 9.698-1.688 14.041 3.411 4.344 9.697 5.099 14.041 1.688C-16.141 22.59-8.282 20 0 20c6.758 0 13.221 1.692 18.688 4.894 4.768 2.79 10.894 1.187 13.683-3.578 2.79-4.766 1.189-10.892-3.577-13.682C20.263 2.64 10.307 0 0 0"
transform="translate(327.156 170.864)"
fill="#ffdeed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0s0 20.586-20.512 22.832c-41.877 4.584-65.536 25.194-65.536 25.194-3.12-18.29-17.671-32.618-35.996-35.526 30.381-25.032 71.085-32.941 96.943-35.372C-11.631-24.138 0-13.53 0 0"
transform="translate(269.243 395.371)"
fill="#ff97bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-43.426-19.554-86.645 8.901-86.645 8.901 10.603-11.136 13.695-27.634 7.611-41.756 0 0 41.634-26.688 90.998 0 .484.017 34.962 21.998 82.074-5.492 11.18-6.523 25.223 1.423 25.223 14.411C119.261-1.717 51.876 23.36 0 0"
transform="translate(192.477 274.543)"
fill="#ff97bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-6.629-6.687-12.003-14.937-12.003-8.249 0-14.936 5.374-14.936 12.003 0 6.629 6.687 12.003 14.936 12.003C-6.687 12.003 0 6.629 0 0"
transform="translate(180.612 309.907)"
fill="#ff85ab"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-6.629-6.687-12.003-14.937-12.003-8.249 0-14.936 5.374-14.936 12.003 0 6.629 6.687 12.003 14.936 12.003C-6.687 12.003 0 6.629 0 0"
transform="translate(356.383 309.907)"
fill="#ff85ab"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 16.337 13.244 29.58 29.581 29.58 16.336 0 29.58-13.243 29.58-29.58 0-16.337-13.244-29.58-29.58-29.58C13.244-29.58 0-16.337 0 0"
transform="translate(161.702 339.487)"
fill="#ff85ab"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c.774-15.667 13.721-28.131 29.581-28.131 15.858 0 28.805 12.464 29.58 28.131z"
transform="translate(161.702 338.038)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c.755-9.053 8.337-16.166 17.585-16.166 9.248 0 16.831 7.113 17.586 16.166z"
transform="translate(173.697 338.038)"
fill="#383842"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 16.337 13.244 29.58 29.581 29.58 16.336 0 29.58-13.243 29.58-29.58 0-16.337-13.244-29.58-29.58-29.58C13.244-29.58 0-16.337 0 0"
transform="translate(286.259 339.487)"
fill="#ff85ab"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c.774-15.667 13.722-28.131 29.581-28.131 15.858 0 28.806 12.464 29.58 28.131z"
transform="translate(286.259 338.038)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c.755-9.053 8.337-16.166 17.586-16.166 9.248 0 16.83 7.113 17.585 16.166z"
transform="translate(298.254 338.038)"
fill="#383842"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.755 3.481-8.8 3.481-12.555 0a7.5 7.5 0 0 0-10.198 11c9.547 8.851 23.404 8.851 32.951 0 3.038-2.816 3.317-7.657.402-10.599C6.286-3.953 1.443-1.338 0 0"
transform="translate(259.838 308.461)"
fill="#383842"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category