Add icons to this collection by clicking the heart icon.
Candy icon - also known as food, candy, dessert, sugar, sweets, wrapper, toffee, 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"
>
<radialGradient
id="d"
cx="152.105"
cy="136.529"
r="137.807"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaf6df" />
<stop offset=".514" stop-color="#e2f4b4" />
<stop offset=".976" stop-color="#d8f1a0" />
</radialGradient>
<radialGradient
id="e"
cx="194.535"
cy="340.247"
r="79.731"
gradientTransform="matrix(1 0 0 .433 0 192.776)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d8f1a0" />
<stop offset=".331" stop-color="#c8eb75" />
<stop offset=".665" stop-color="#b7e445" />
<stop offset="1" stop-color="#aad540" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#fbf4af" />
<stop offset=".381" stop-color="#faf184" />
<stop offset=".65" stop-color="#f9ef63" />
<stop offset=".811" stop-color="#f8ec52" />
<stop offset="1" stop-color="#f6e738" />
</linearGradient>
<radialGradient
id="f"
cx="170.95"
cy="310.931"
r="53.063"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fffbe4" />
<stop offset=".554" stop-color="#fff9c1" />
<stop offset="1" stop-color="#fbf4af" />
</linearGradient>
<radialGradient
id="g"
cx="415.053"
cy="169.565"
r="116.266"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="h"
cx="412.545"
cy="320.482"
r="68.115"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#f9ef63" />
<stop offset=".16" stop-color="#f7ec5d" />
<stop offset=".375" stop-color="#f3e44c" />
<stop offset=".597" stop-color="#ecd833" />
<stop offset="1" stop-color="#e49824" />
</linearGradient>
<radialGradient
id="i"
cx="190.023"
cy="206.735"
r="152.354"
gradientTransform="matrix(-1 0 0 1 611.2 0)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="j"
cx="366.298"
cy="259.719"
r="196.288"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b7e445" />
<stop offset=".216" stop-color="#b2de43" />
<stop offset=".504" stop-color="#a3cd3f" />
<stop offset=".597" stop-color="#9dc63d" />
<stop offset="1" stop-color="#8bc852" />
</radialGradient>
<radialGradient
id="k"
cx="366.298"
cy="259.719"
r="196.288"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="l"
cx="129.862"
cy="206.736"
r="152.354"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="m"
cx="19.676"
cy="212.453"
r="146.208"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="n"
cx="19.676"
cy="212.453"
r="147.641"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="o"
cx="19.676"
cy="212.453"
r="144.021"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="p"
cx="19.676"
cy="212.453"
r="140.58"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="q"
cx="20.117"
cy="212.453"
r="149.345"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="r"
cx="19.676"
cy="212.453"
r="148.616"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="s"
cx="19.676"
cy="212.453"
r="149.304"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="t"
cx="19.676"
cy="212.453"
r="127.509"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="u"
cx="20.117"
cy="212.453"
r="140.211"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="v"
cx="19.676"
cy="212.453"
r="135.16"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="w"
cx="19.676"
cy="212.453"
r="136.409"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="x"
cx="19.676"
cy="212.453"
r="129.118"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="y"
cx="19.676"
cy="212.453"
r="121.648"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="z"
cx="19.676"
cy="212.453"
r="120.734"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="A"
cx="431.274"
cy="324.88"
r="211.111"
gradientTransform="matrix(.931 0 0 .113 -148.218 334.999)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".012" stop-color="#e2f4b4" />
<stop offset=".178" stop-color="#e8f6c2" />
<stop offset=".496" stop-color="#f1f9d8" />
<stop offset=".888" stop-color="#fff" />
</radialGradient>
<path
fill="url(#d)"
d="M108.092 309.508C96.357 290.169 89.6 267.474 89.6 243.2c0-70.693 57.307-128 128-128h76.8c-70.693 0-101.335 185.461-89.6 204.8z"
/>
<path
fill="url(#e)"
d="M151.292 352.708c19.339 11.735 42.034 18.492 66.308 18.492h76.8c-24.274 0-44.661-26.665-64-38.4z"
/>
<path
fill="url(#f)"
d="M108.092 309.508a128.642 128.642 0 0 0 43.2 43.2h76.8c-17.644-10.706-12.586-25.556-23.292-43.2z"
/>
<path
fill="url(#g)"
d="M498.881 153.6h-38.4c-49.338.172-89.281 40.221-89.281 89.6h90.677c0-44.757 12.335-89.513 37.004-89.6z"
/>
<path
fill="url(#h)"
d="m473.6 217.6-102.4 25.6c0 49.378 39.943 89.427 89.281 89.599h38.4c-24.669-.086-25.281-70.442-25.281-115.199z"
/>
<path
fill="url(#i)"
d="M498.881 153.601c6.707-.023 12.542 5.059 13.077 11.745.428 5.35-2.436 10.079-6.783 12.378-1.181.624-1.142 2.346.037 2.974A12.794 12.794 0 0 1 512 192c0 4.899-2.752 9.155-6.794 11.306-1.194.636-1.194 2.352 0 2.987A12.799 12.799 0 0 1 512 217.599c0 4.899-2.752 9.155-6.794 11.306-1.194.636-1.194 2.352 0 2.987A12.799 12.799 0 0 1 512 243.198c0 4.899-2.752 9.155-6.794 11.306-1.194.636-1.194 2.352 0 2.987A12.799 12.799 0 0 1 512 268.797c0 4.899-2.752 9.155-6.794 11.306-1.194.636-1.194 2.352 0 2.987A12.799 12.799 0 0 1 512 294.396c0 4.896-2.749 9.151-6.788 11.303-1.179.628-1.218 2.349-.037 2.974 4.347 2.299 7.211 7.028 6.783 12.378-.535 6.686-6.369 11.768-13.077 11.745-49.338-.172-89.281-40.221-89.281-89.599 0-49.375 39.943-89.424 89.281-89.596z"
/>
<path
fill="url(#j)"
d="M294.4 115.2c-70.693 0-128 57.307-128 128 0 24.273 6.757 46.969 18.492 66.308l175.816-175.816C341.369 121.957 318.673 115.2 294.4 115.2zM228.092 352.708c19.339 11.735 42.034 18.492 66.308 18.492 70.692 0 128-57.308 128-128 0-24.274-6.757-46.969-18.492-66.308z"
/>
<path
fill="url(#k)"
d="M360.708 133.692 184.892 309.508a128.642 128.642 0 0 0 43.2 43.2l175.816-175.816a128.651 128.651 0 0 0-43.2-43.2z"
/>
<path
fill="url(#l)"
d="M52.158 153.601c-6.707-.023-12.542 5.059-13.077 11.745-.428 5.35 2.436 10.079 6.783 12.378 1.181.624 1.142 2.346-.037 2.974a12.798 12.798 0 0 0-6.788 11.303c0 4.899 2.752 9.155 6.794 11.306 1.194.636 1.194 2.352 0 2.987a12.799 12.799 0 0 0-6.794 11.306c0 4.899 2.752 9.155 6.794 11.306 1.194.636 1.194 2.352 0 2.987a12.799 12.799 0 0 0-6.794 11.306c0 4.899 2.752 9.155 6.794 11.306 1.194.636 1.194 2.352 0 2.987a12.799 12.799 0 0 0-6.794 11.306c0 4.899 2.752 9.155 6.794 11.306 1.194.636 1.194 2.352 0 2.987a12.799 12.799 0 0 0-6.794 11.306c0 4.896 2.749 9.151 6.788 11.303 1.179.628 1.218 2.349.037 2.974-4.347 2.299-7.211 7.028-6.783 12.378.535 6.686 6.369 11.768 13.077 11.745 49.338-.172 89.281-40.221 89.281-89.599 0-49.376-39.943-89.425-89.281-89.597z"
/>
<path
fill="url(#m)"
d="M0 268.8a12.8 12.8 0 0 0 6.794 11.307c.597.318.896.905.896 1.493h39.039c0-.588-.299-1.175-.896-1.493a12.8 12.8 0 0 1-6.794-11.307z"
/>
<path
fill="url(#n)"
d="M6.794 283.094A12.798 12.798 0 0 0 0 294.4h39.039c0-4.899 2.752-9.154 6.794-11.306.597-.318.896-.906.896-1.494H7.69c0 .588-.299 1.176-.896 1.494z"
/>
<path
fill="url(#o)"
d="M6.794 257.494A12.799 12.799 0 0 0 0 268.8h39.039c0-4.898 2.752-9.154 6.794-11.306.597-.318.896-.906.896-1.494H7.69c0 .588-.299 1.176-.896 1.494z"
/>
<path
fill="url(#p)"
d="M0 243.201c0 4.899 2.752 9.155 6.794 11.306.597.318.895.905.896 1.493h39.039c0-.588-.299-1.175-.896-1.493a12.799 12.799 0 0 1-6.794-11.306z"
/>
<path
fill="url(#q)"
d="M.042 321.055c.535 6.686 6.369 11.768 13.077 11.745h39.039c-6.708.023-12.542-5.059-13.077-11.745a13.42 13.42 0 0 1-.042-1.055H0c0 .349.014.701.042 1.055z"
/>
<path
fill="url(#r)"
d="M0 294.401c0 4.896 2.749 9.151 6.788 11.303.592.315.896.906.903 1.496H46.73a1.702 1.702 0 0 0-.903-1.496 12.798 12.798 0 0 1-6.788-11.303z"
/>
<path
fill="url(#s)"
d="M6.825 308.678A12.799 12.799 0 0 0 0 320h39.039c0-4.911 2.766-9.176 6.825-11.322.588-.311.873-.893.866-1.478H7.692a1.626 1.626 0 0 1-.867 1.478z"
/>
<path
fill="url(#t)"
d="M0 217.6a12.8 12.8 0 0 0 6.794 11.307c.597.318.896.905.896 1.493h39.039c0-.588-.299-1.175-.896-1.493a12.8 12.8 0 0 1-6.794-11.307z"
/>
<path
fill="url(#u)"
d="M39.081 165.346c.535-6.686 6.37-11.768 13.077-11.745H13.119C6.412 153.578.577 158.659.042 165.346.014 165.7 0 166.052 0 166.4h39.039c0-.348.014-.7.042-1.054z"
/>
<path
fill="url(#v)"
d="M6.794 231.894A12.798 12.798 0 0 0 0 243.2h39.039c0-4.899 2.752-9.154 6.794-11.306.597-.318.896-.906.896-1.494H7.69c0 .588-.299 1.176-.896 1.494z"
/>
<path
fill="url(#w)"
d="M45.864 177.723a12.799 12.799 0 0 1-6.825-11.323H0c0 4.911 2.766 9.177 6.825 11.323.587.311.873.893.866 1.477H46.73a1.625 1.625 0 0 0-.866-1.477z"
/>
<path
fill="url(#x)"
d="M6.788 180.697A12.798 12.798 0 0 0 0 192h39.039c0-4.896 2.749-9.15 6.788-11.303.592-.316.896-.907.903-1.497H7.691a1.7 1.7 0 0 1-.903 1.497z"
/>
<path
fill="url(#y)"
d="M0 192.001c0 4.899 2.752 9.155 6.794 11.306.597.318.896.905.896 1.493h39.039c0-.588-.299-1.175-.896-1.493a12.799 12.799 0 0 1-6.794-11.306V192z"
/>
<path
fill="url(#z)"
d="M6.794 206.294A12.798 12.798 0 0 0 0 217.6h39.039c0-4.899 2.752-9.154 6.794-11.306.597-.318.896-.906.896-1.494H7.69c0 .588-.299 1.176-.896 1.494z"
/>
<path
fill="url(#A)"
d="M255.998 396.8c113.107 0 204.798-11.351 204.798-25.353H51.2c0 14.002 91.691 25.353 204.798 25.353z"
/>
</svg>
More icons in the same style and category