Add icons to this collection by clicking the heart icon.
Halloween Candy icon - also known as food, candy, sweet, halloween, halloween candy, and trick or treat. 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="#e4989d" />
<stop offset=".153" stop-color="#e39298" />
<stop offset=".358" stop-color="#e18189" />
<stop offset=".592" stop-color="#dd6570" />
<stop offset=".608" stop-color="#dd636e" />
<stop offset="1" stop-color="#b93333" />
</linearGradient>
<radialGradient
id="d"
cx="3293.512"
cy="224.51"
r="132.913"
gradientTransform="matrix(1 0 0 -1.277 -2799.989 511.233)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fbe2dd" />
<stop offset=".606" stop-color="#eab1b7" />
<stop offset=".76" stop-color="#e9adb3" />
<stop offset=".919" stop-color="#e6a1a6" />
<stop offset="1" stop-color="#e4989d" />
</linearGradient>
<radialGradient
id="e"
cx="3379.375"
cy="147.033"
r="87.839"
gradientTransform="matrix(1 0 0 -.699 -2971.715 249.778)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#dd636e" />
<stop offset=".032" stop-color="#dd606b" />
<stop offset=".561" stop-color="#d82e3d" />
<stop offset="1" stop-color="#8e2e2e" />
</linearGradient>
<radialGradient
id="f"
cx="3355.005"
cy="288.162"
r="258.729"
gradientTransform="matrix(-1 0 0 1 3787.035 0)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="g"
cx="141.769"
cy="293.526"
r="125.573"
gradientTransform="matrix(-1 0 0 -1.011 283.538 590.35)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f6e266" />
<stop offset=".154" stop-color="#f5e060" />
<stop offset=".361" stop-color="#f4db4f" />
<stop offset=".596" stop-color="#f1d333" />
<stop offset=".597" stop-color="#f1d333" />
<stop offset="1" stop-color="#e7a52e" />
</radialGradient>
<radialGradient
id="h"
cx="136.878"
cy="118.592"
r="178.881"
gradientTransform="matrix(-1 0 0 -1.011 273.756 238.516)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".013" stop-color="#fffbe4" />
<stop offset=".606" stop-color="#f9efaf" />
<stop offset=".721" stop-color="#f9eeab" />
<stop offset=".839" stop-color="#f8ec9e" />
<stop offset=".96" stop-color="#f7e98a" />
<stop offset="1" stop-color="#f6e781" />
</radialGradient>
<radialGradient
id="i"
cx="246.571"
cy="144.973"
r="235.612"
gradientTransform="matrix(-1 0 0 -1.011 493.142 291.574)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f6e266" />
<stop offset=".377" stop-color="#f4dd45" />
<stop offset=".496" stop-color="#f2d340" />
<stop offset=".698" stop-color="#ecb934" />
<stop offset=".9" stop-color="#e49824" />
</radialGradient>
<radialGradient
id="j"
cx="281.369"
cy="1640.041"
r="220.954"
gradientTransform="matrix(.931 0 0 .112 -2.094 189.015)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f6e266" />
<stop offset=".158" stop-color="#f9ea92" />
<stop offset=".386" stop-color="#fdf5cb" />
<stop offset=".495" stop-color="#fff9e2" />
<stop offset=".888" stop-color="#fff" />
</radialGradient>
<radialGradient
id="k"
cx="23.649"
cy="327.461"
r="95.658"
gradientTransform="matrix(-1 0 0 -1.092 47.298 685.047)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="l"
cx="208.82"
cy="155.722"
r="228.211"
gradientTransform="matrix(-1 0 0 -1.011 417.641 313.193)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="m"
cx="4.724"
cy="166.342"
r="120.412"
gradientTransform="matrix(-1 0 0 -1.277 9.448 378.777)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="n"
cx="108.446"
cy="288.162"
r="258.729"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#d)"
d="m461.281 226.664-90.411 24.513c4.22 50.655 46.671 90.451 98.417 90.451h28.475c-25.741.001-35.035-68.503-36.481-114.964z"
/>
<path
fill="url(#e)"
d="M497.762 144.107h-28.475c-54.544 0-98.761 44.217-98.761 98.761 0 2.799.116 5.57.345 8.31h86.113c-1.618-51.989 11.975-107.071 40.778-107.071z"
/>
<path
fill="url(#f)"
d="M399.001 242.868c0-54.544 44.217-98.761 98.761-98.761 3.405 0 6.77.172 10.086.509-7.902 13.827-24.324 19.07-24.324 40.859 0 28.693 28.475 28.693 28.475 57.386 0 28.692-28.475 28.692-28.475 57.384 0 21.798 16.431 27.038 24.33 40.876a99.857 99.857 0 0 1-10.092.509c-54.544-.001-98.761-44.218-98.761-98.762z"
/>
<path
fill="url(#g)"
d="m228.213 270.828-112.91 23.99c19.994 45.453 65.423 77.19 118.265 77.19h36.973c-25.85-.001-35.216-57.918-42.328-101.18z"
/>
<path
fill="url(#h)"
d="M270.541 113.729h-36.973c-71.322 0-129.139 57.818-129.139 129.139 0 18.48 3.882 36.053 10.875 51.949H221.1c-12.512-76.102 3.969-181.088 49.441-181.088z"
/>
<circle cx="270.541" cy="242.868" r="129.139" fill="url(#i)" />
<path
fill="url(#j)"
d="M262.665 398.271c118.395 0 214.374-11.759 214.374-26.264H48.292c0 14.506 95.978 26.264 214.373 26.264z"
/>
<path
fill="url(#k)"
d="M10.458 267.66c8.124 8.727 18.018 15.671 18.018 32.583 0 21.798-16.431 27.038-24.33 40.876h28.475c7.899-13.838 41.65-19.078 41.65-40.876l5.678-49.066z"
/>
<path
fill="url(#l)"
d="M256.604 229.933h-67.898l33.949-53.055zm54.985 0h67.898l-33.949-53.055zm43.208 23.704v16.405h-27.454v-16.405h-29.521v16.405h-27.454v-16.405h-29.521v16.405h-27.454v-16.405h-24.689c0 29.813 23.626 54.108 53.176 55.184v-17.787h27.454v17.824h29.521v-17.824h27.454v17.787c29.55-1.076 53.176-25.371 53.176-55.184z"
/>
<path
fill="url(#m)"
d="M74.271 185.474c0-21.789-33.742-27.032-41.643-40.859H4.152c7.902 13.827 24.324 19.07 24.324 40.859C28.475 214.167 0 214.167 0 242.86c0 11.779 4.799 18.722 10.458 24.8h63.813z"
/>
<path
fill="url(#n)"
d="M141.474 242.868c0-54.544-44.217-98.761-98.761-98.761-3.405 0-6.77.172-10.086.509 7.902 13.827 24.324 19.07 24.324 40.859 0 28.693-28.475 28.693-28.475 57.386 0 28.692 28.475 28.692 28.475 57.384 0 21.798-16.431 27.038-24.33 40.876 3.318.337 6.685.509 10.092.509 54.545-.001 98.761-44.218 98.761-98.762z"
/>
</svg>
More icons in the same style and category