Add icons to this collection by clicking the heart icon.
Candy icon - also known as food, candy, dessert, sugar, sweet, 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="a"
cx="404.86"
cy="2162.633"
r="172.079"
gradientTransform="matrix(.931 0 0 .112 -147.994 250.119)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a586c6" />
<stop offset=".009" stop-color="#a688c7" />
<stop offset=".338" stop-color="#d1c1e2" />
<stop offset=".495" stop-color="#e2d8ec" />
<stop offset=".888" stop-color="#fff" />
</radialGradient>
<radialGradient
id="b"
cx="111.702"
cy="69.022"
r="104.334"
gradientTransform="matrix(0 -1 1.453 0 36.739 558.467)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".005" stop-color="#a586c6" />
<stop offset=".202" stop-color="#9371b7" />
<stop offset=".585" stop-color="#734d9d" />
<stop offset=".992" stop-color="#5e54ac" />
</radialGradient>
<radialGradient
id="c"
cx="120.101"
cy="201.21"
r="95.409"
gradientTransform="rotate(-135 183.725 298.256) scale(1 1.454)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f1eaf9" />
<stop offset=".606" stop-color="#c6b4da" />
<stop offset=".779" stop-color="#c3b0d9" />
<stop offset=".959" stop-color="#bba3d4" />
<stop offset=".994" stop-color="#b9a0d3" />
</radialGradient>
<radialGradient
id="d"
cx="120.101"
cy="201.21"
r="95.409"
gradientTransform="rotate(-135 183.725 298.256) scale(1 1.454)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e4d5f4" />
<stop offset=".606" stop-color="#b9a0d3" />
<stop offset=".757" stop-color="#b69cd1" />
<stop offset=".914" stop-color="#ac8fcb" />
<stop offset=".994" stop-color="#a586c6" />
</radialGradient>
<radialGradient
id="e"
cx="286.471"
cy="489.249"
r="132.487"
gradientTransform="rotate(-135 156.692 363.51) scale(1 1.454)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dae7ef" />
<stop offset=".514" stop-color="#aad8dd" />
<stop offset="1" stop-color="#93cbd3" />
</radialGradient>
<radialGradient
id="f"
cx="286.471"
cy="489.249"
r="132.487"
gradientTransform="rotate(-135 156.692 363.51) scale(1 1.454)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c1d5e4" />
<stop offset=".514" stop-color="#93cbd3" />
<stop offset="1" stop-color="#70b9c6" />
</radialGradient>
<radialGradient
id="g"
cx=".686"
cy="423.054"
r="269.294"
gradientTransform="rotate(-135 162.905 348.514) scale(1 1.454)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#70b9c6" />
<stop offset=".665" stop-color="#5493a2" />
<stop offset=".794" stop-color="#4a8296" />
<stop offset="1" stop-color="#365e7d" />
</radialGradient>
<radialGradient
id="h"
cx="22.139"
cy="423.054"
r="253.353"
gradientTransform="rotate(-135 162.905 348.514) scale(1 1.454)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b9a0d3" />
<stop offset=".377" stop-color="#a586c6" />
<stop offset=".664" stop-color="#8570ba" />
<stop offset=".979" stop-color="#5e54ac" />
</radialGradient>
<radialGradient
id="i"
cx="22.139"
cy="423.054"
r="253.353"
gradientTransform="rotate(-135 162.905 348.514) scale(1 1.454)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a586c6" />
<stop offset=".377" stop-color="#9373b9" />
<stop offset=".687" stop-color="#735ea9" />
<stop offset=".979" stop-color="#524798" />
</radialGradient>
<radialGradient
id="j"
cx="22.139"
cy="423.054"
r="253.353"
gradientTransform="rotate(-135 162.905 348.514) scale(1 1.454)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#61aab7" />
<stop offset=".625" stop-color="#49838c" />
<stop offset=".665" stop-color="#478089" />
<stop offset=".798" stop-color="#3e6f7d" />
<stop offset="1" stop-color="#2b4d66" />
</radialGradient>
<path
fill="url(#a)"
d="M231.196 512c92.206 0 166.954-9.158 166.954-20.455H64.242c0 11.297 74.748 20.455 166.954 20.455z"
/>
<path
fill="url(#b)"
d="M130.307 447.85c-.288 11.264 3.867 22.621 12.463 31.218 8.516 8.516 19.741 12.673 30.902 12.471h31.952c-3.315.06 16.523-35.984 31.446-61.804z"
/>
<path
fill="url(#c)"
d="m278.387 265.805-35.267 10.286c11.681 11.628 11.46 30.918-.194 42.573L142.77 418.819c-8.04 8.04-12.195 18.495-12.463 29.031h97.546c35.313-61.1 94.717-166.389 50.534-182.045z"
/>
<g fill="url(#d)">
<path
d="M293.37 302.566v-9.528h-41.874a30.742 30.742 0 0 1-.422 10.651h42.135c.056-.377.11-.751.161-1.123zM292.413 308.305h-42.729a30.05 30.05 0 0 1-5.756 9.306h46.32a138.638 138.638 0 0 0 2.165-9.306zM224.44 380.07h-42.921l-7.531 7.531h50.452zM208.97 352.619h68.746a375.467 375.467 0 0 0 3.131-7.531h-64.346zM193.089 415.052h-46.552l-3.767 3.767a42.944 42.944 0 0 0-3.531 3.998h53.85z"
/>
</g>
<path
fill="url(#e)"
d="M242.925 275.896c-22.156-22.156-34.199-51.732-33.804-83.126.383-30.483 13.168-59.502 34.724-81.058l99.235-99.235C351.398 4.159 362.301 0 373.204 0h31.952c-10.903 0-152.435 253.74-130.279 275.896z"
/>
<path
fill="url(#f)"
d="M325.301 113.681h-83.38a121.059 121.059 0 0 0-7.028 8.035h90.408zM396.934 8.945h-49.855a42.984 42.984 0 0 0-3.999 3.532l-3.765 3.765h52.61a242.064 242.064 0 0 1 5.009-7.297zM209.291 187.855a113.135 113.135 0 0 0-.17 4.915c-.024 1.919-.001 3.831.067 5.735h85.444a773.136 773.136 0 0 1 2.249-5.107v-5.543zM268.846 86.712h81.56a1784 1784 0 0 1 4.434-8.035h-77.959zM304.331 51.226h66.116c1.506-2.581 2.984-5.094 4.43-7.531h-63.015z"
/>
<path
fill="url(#g)"
d="m335.572 172.436 99.709-99.71c16.637-16.637 16.637-43.611 0-60.248s-43.612-16.637-60.249 0l-99.235 99.235c-21.556 21.556-34.341 50.575-34.724 81.058-.394 31.393 11.648 60.969 33.804 83.126l39.559-24.222 20.69-36.027c-5.967-5.966-9.133-13.987-8.839-22.467.272-7.829 3.746-15.206 9.285-20.745z"
/>
<path
fill="url(#h)"
d="M275.071 276.091c11.681 11.628 11.46 30.918-.194 42.573L174.722 418.819c-16.637 16.637-16.637 43.611 0 60.249 16.637 16.637 43.612 16.637 60.249 0l100.155-100.155c45.012-45.012 45.012-118.252 0-163.265l-60.249 60.249.194.194z"
/>
<path
fill="url(#i)"
d="m275.88 317.611 60.267 60.268a116.155 116.155 0 0 0 7.092-7.971l-61.602-61.603a30.06 30.06 0 0 1-5.757 9.306zM174.722 418.819a42.944 42.944 0 0 0-3.531 3.998l59.782 59.782a43.09 43.09 0 0 0 3.998-3.531l3.767-3.767-60.249-60.249zM205.94 387.601l60.249 60.249 7.531-7.531-60.249-60.249zM240.922 352.619l60.249 60.249 7.531-7.532-60.249-60.248zM283.026 303.689h85.683c.196-3.547.229-7.101.099-10.651h-85.36c.48 3.536.337 7.149-.422 10.651z"
/>
<path
fill="url(#j)"
d="m266.845 121.716 61.549 61.549a32.117 32.117 0 0 1 5.752-9.311l-60.273-60.273a120.77 120.77 0 0 0-7.028 8.035zM301.301 86.208l60.25 60.249 7.531-7.532-60.249-60.248zM438.813 68.727 379.031 8.945a42.984 42.984 0 0 0-3.999 3.532l-3.765 3.765 60.249 60.249 3.765-3.766a42.845 42.845 0 0 0 3.532-3.998zM336.283 51.226l60.249 60.249 7.532-7.531-60.249-60.249zM241.073 192.77c-.024 1.919-.001 3.831.067 5.735h85.422a30.873 30.873 0 0 1-.275-5.325c.063-1.805.296-3.586.685-5.325h-85.73a114.744 114.744 0 0 0-.169 4.915z"
/>
</svg>
More icons in the same style and category