Add icons to this collection by clicking the heart icon.
Magic Broom icon - also known as halloween, witch, magical, broomstick, and magic broom. 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="b"
cx="205.207"
cy="521.743"
r="84.186"
gradientTransform="rotate(-135 100.366 532.615) scale(1 1.176)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f6e266" />
<stop offset=".597" stop-color="#f1d333" />
<stop offset="1" stop-color="#e7a52e" />
</radialGradient>
<radialGradient
id="c"
cx="193.583"
cy="393.96"
r="135.26"
gradientTransform="rotate(-135 146.363 388.702) scale(1 1.176)"
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="d"
cx="352.548"
cy="135.781"
r="77.364"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8b5e5e" />
<stop offset=".282" stop-color="#855a5a" />
<stop offset=".585" stop-color="#785252" />
<stop offset="1" stop-color="#664545" />
</radialGradient>
<linearGradient id="a">
<stop offset=".013" stop-color="#aa8080" />
<stop offset=".606" stop-color="#8b5e5e" />
<stop offset=".734" stop-color="#875b5b" />
<stop offset=".867" stop-color="#7a5353" />
<stop offset="1" stop-color="#664545" />
</linearGradient>
<radialGradient
id="e"
cx="217.381"
cy="120.367"
r="149.763"
gradientTransform="rotate(-135 274.631 146.373) scale(1 1.934)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="f"
cx="205.961"
cy="6.17"
r="193.905"
gradientTransform="rotate(-135 332.639 -25.957) scale(1 1.934)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="g"
cx="402.906"
cy="67.024"
r="220.246"
gradientTransform="rotate(-135 492.599 144.943) scale(1 1.934)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8b5e5e" />
<stop offset=".492" stop-color="#785252" />
<stop offset=".663" stop-color="#704c4c" />
<stop offset=".933" stop-color="#593d3d" />
<stop offset="1" stop-color="#523838" />
</radialGradient>
<radialGradient
id="h"
cx="326.992"
cy="430.634"
r="133.402"
gradientTransform="rotate(-135 263.243 483.891) scale(1 1.176)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f6e266" />
<stop offset=".46" stop-color="#f4dd45" />
<stop offset=".583" stop-color="#f2d340" />
<stop offset=".791" stop-color="#ecb934" />
<stop offset="1" stop-color="#e49824" />
</radialGradient>
<radialGradient
id="i"
cx="150.636"
cy="2795.258"
r="144.262"
gradientTransform="matrix(.931 0 0 .112 -2.094 163.555)"
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="j"
cx="213.291"
cy="369.755"
r="21.607"
gradientTransform="matrix(-1 0 0 -.813 410.352 599.744)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ecb780" />
<stop offset=".139" stop-color="#ebb47a" />
<stop offset=".324" stop-color="#e9aa69" />
<stop offset=".536" stop-color="#e59b4d" />
<stop offset=".608" stop-color="#e49542" />
<stop offset=".999" stop-color="#d56b3d" />
</radialGradient>
<radialGradient
id="k"
cx="208.357"
cy="364.676"
r="13.245"
gradientTransform="rotate(-135 169.36 374.974) scale(1 1.243)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".013" stop-color="#fbf1e2" />
<stop offset=".606" stop-color="#f4d8bc" />
<stop offset=".747" stop-color="#f3d6b8" />
<stop offset=".892" stop-color="#f1cfab" />
<stop offset="1" stop-color="#efc89d" />
</radialGradient>
<radialGradient
id="l"
cx="310.121"
cy="437.202"
r="105.367"
gradientTransform="rotate(-135 243.41 484.051) scale(1 1.176)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4dd45" />
<stop offset=".46" stop-color="#f1d333" />
<stop offset=".574" stop-color="#efc931" />
<stop offset=".765" stop-color="#e9af2b" />
<stop offset="1" stop-color="#df8621" />
</radialGradient>
<radialGradient
id="m"
cx="295.44"
cy="370.774"
r="71.155"
gradientTransform="rotate(-135 288.375 333.979) scale(1 .79)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#efc89d" />
<stop offset=".108" stop-color="#eec497" />
<stop offset=".254" stop-color="#ecba86" />
<stop offset=".42" stop-color="#e8aa6a" />
<stop offset=".465" stop-color="#e7a561" />
<stop offset=".561" stop-color="#e39b5a" />
<stop offset=".724" stop-color="#d88146" />
<stop offset=".919" stop-color="#c85929" />
</radialGradient>
<path
fill="url(#b)"
d="M80.956 440.367v35.319h21.87l52.85-63.858-73.085 7.869a131.245 131.245 0 0 0-1.635 20.67z"
/>
<path
fill="url(#c)"
d="M222.186 291.448a43.033 43.033 0 0 0-20.792 5.278l-52.099 28.453c-35.997 19.659-60.37 54.77-66.704 94.519h63.475l99.047-128.249h-22.927z"
/>
<path
fill="url(#d)"
d="m347.159 185.81 29.523 11.975-3.893-57.101 15.14-10.382-40.77 8.162z"
/>
<path
fill="url(#e)"
d="M237.666 295.303h21.869l114.119-106.602-.052-2.891h-26.443z"
/>
<path
fill="url(#f)"
d="M473.391 19.166a16.683 16.683 0 0 0-11.836 4.903L347.159 138.464h27.822L485.55 26.482c3.269-3.269 5.427-7.316 9.711-7.316z"
/>
<path
fill="url(#g)"
d="m402.507 152.332 104.59-104.59c6.537-6.537 6.537-17.136 0-23.673-6.537-6.537-17.136-6.537-23.673 0L369.028 138.465v47.346L259.535 295.303l23.673 23.673 119.299-119.299z"
/>
<path
fill="url(#h)"
d="M138.145 475.686h-35.319v-35.319c0-48.004 26.208-92.179 68.339-115.188l52.099-28.453c16.798-9.174 37.633-6.179 51.167 7.355 13.534 13.534 16.529 34.369 7.355 51.167l-28.453 52.099c-23.009 42.131-67.184 68.339-115.188 68.339z"
/>
<path
fill="url(#i)"
d="M139.965 492.834c77.301 0 139.965-7.677 139.965-17.148H0c0 9.471 62.665 17.148 139.965 17.148z"
/>
<path
fill="url(#j)"
d="M186.414 301.32a2.381 2.381 0 0 0-.542 3.774h21.87s3.972-3.773 6.026-5.66z"
/>
<path
fill="url(#k)"
d="M216.315 297.547h-21.87c-.72 0-1.445.176-2.108.538l-5.924 3.235h25.344c2.055-1.886 4.198-3.773 4.558-3.773z"
/>
<path
fill="url(#l)"
d="M116.523 446.344a2.733 2.733 0 0 1-.706-2.655c10.555-38.686 41.879-80.759 81.747-109.8a2.734 2.734 0 1 1 3.22 4.419c-38.913 28.344-69.449 69.276-79.692 106.82a2.734 2.734 0 0 1-4.569 1.216zm18.299 16.351c38.686-10.555 80.758-41.878 109.8-81.747a2.734 2.734 0 1 0-4.419-3.22c-28.346 38.913-69.276 69.449-106.82 79.692a2.734 2.734 0 0 0 1.439 5.275z"
/>
<path
fill="url(#m)"
d="m279.676 359.083-60.248-60.248a4.4 4.4 0 0 0-5.221-.75l-5.924 3.235a2.381 2.381 0 0 0-.542 3.774l65.676 65.676a2.382 2.382 0 0 0 3.774-.542l3.235-5.924a4.4 4.4 0 0 0-.75-5.221z"
/>
</svg>
More icons in the same style and category