Add icons to this collection by clicking the heart icon.
Sparkler icon - also known as light, illumination, stick, celebration, fireworks, firecracker, sparkler, birthday and party, and bengal light. 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="c"
x1="74.98"
x2="437.019"
y1="437.019"
y2="74.98"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4747" />
<stop offset="1" stop-color="#fff200" />
</linearGradient>
<radialGradient
id="d"
cx="-7270.457"
cy="-5289.045"
r="358.578"
gradientTransform="rotate(45 -10075.018 6619.575)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".046" stop-color="#fffa78" stop-opacity=".5" />
<stop offset=".16" stop-color="#ffed75" stop-opacity=".56" />
<stop offset=".369" stop-color="#ffcb6b" stop-opacity=".669" />
<stop offset=".651" stop-color="#ff945c" stop-opacity=".817" />
<stop offset=".992" stop-color="#ff4948" stop-opacity=".996" />
<stop offset="1" stop-color="#ff4747" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#fffa78" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="e"
x1="311.355"
x2="311.355"
y1="538.613"
y2="204.837"
gradientTransform="rotate(45 276.054 185.963)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="311.354"
x2="311.354"
y1="382.878"
y2="-179.18"
gradientTransform="rotate(45 276.054 185.963)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff200" />
<stop offset=".526" stop-color="#fef973" />
<stop offset="1" stop-color="#feffd6" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#fff200" />
<stop offset=".251" stop-color="#fff53c" />
<stop offset=".825" stop-color="#fffdd1" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="g"
x1="311.355"
x2="311.355"
y1="460.545"
y2="-8.173"
gradientTransform="rotate(45 276.054 185.963)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="311.355"
x2="311.355"
y1="282.463"
y2="91.539"
gradientTransform="rotate(45 276.054 185.963)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="311.355"
x2="311.355"
y1="235.148"
y2="23.133"
gradientTransform="rotate(45 276.054 185.963)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="311.355"
x2="311.355"
y1="543.909"
y2="-193.515"
gradientTransform="rotate(45 276.054 185.963)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4747" />
<stop offset=".198" stop-color="#ff643b" />
<stop offset=".625" stop-color="#ffad1d" />
<stop offset="1" stop-color="#fff200" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#c)" />
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<path
fill="url(#e)"
d="M213.36 287.78A144455.653 144455.653 0 0 0 88.465 412.911c-2.997 3.008-3.067 7.835-.139 10.763 2.927 2.929 7.758 2.856 10.763-.139A145887.27 145887.27 0 0 0 224.22 298.64a6949.66 6949.66 0 0 1-10.86-10.86z"
/>
<path
fill="url(#f)"
d="M386.3 251.951a2160.11 2160.11 0 0 1 11.988 5.405c6.095 2.776 12.227-3.5 9.768-9.973-1.609-4.227-3.22-8.45-4.832-12.668 13.388.231 26.642.534 39.725.93 6.46.203 9.821-8.168 5.355-13.263a1775.613 1775.613 0 0 0-27.509-30.534c4.014-1.686 8.019-3.369 12.015-5.05 6.106-2.57 6.301-11.702.276-14.432-3.941-1.785-7.9-3.558-11.875-5.319 9.658-9.835 19.307-19.681 28.946-29.536 4.762-4.877 1.688-13.267-4.933-13.268-13.387-.017-26.926.026-40.58.108 1.737-4.128 3.475-8.251 5.215-12.37 2.668-6.312-3.524-12.506-9.837-9.838-4.12 1.739-8.244 3.477-12.373 5.214.083-13.653.128-27.191.113-40.579-.001-6.62-8.39-9.695-13.268-4.933a20669.386 20669.386 0 0 0-29.54 28.944 1598.532 1598.532 0 0 0-5.317-11.874c-2.73-6.025-11.862-5.831-14.432.274-1.683 3.997-3.367 8.002-5.053 12.017a1771.657 1771.657 0 0 0-30.529-27.511c-5.093-4.467-13.467-1.105-13.263 5.354.395 13.084.697 26.338.927 39.726-4.218-1.612-8.44-3.223-12.665-4.833-6.474-2.458-12.747 3.669-9.974 9.767 1.811 3.984 3.612 7.981 5.404 11.99-13.991.089-27.965.141-41.885.134-6.88-.008-10.138 8.013-5.202 12.751 9.992 9.57 19.946 19.18 29.861 28.828-4.134 1.695-8.265 3.387-12.393 5.076-6.312 2.58-6.241 11.445.105 14.051 4.149 1.7 8.299 3.399 12.449 5.097a20152.737 20152.737 0 0 0-29.268 29.213c-4.815 4.817-1.388 13.102 5.445 13.115 13.465.025 26.964.026 40.462.023 6.135 6.124 12.265 12.254 18.389 18.389-.004 13.497-.004 26.995.02 40.459.012 6.834 8.298 10.26 13.114 5.446a19663.63 19663.63 0 0 0 29.217-29.267c1.698 4.149 3.395 8.299 5.095 12.448 2.606 6.345 11.47 6.419 14.051.107 1.69-4.127 3.383-8.259 5.079-12.394a5239.104 5239.104 0 0 1 28.824 29.862c4.738 4.936 12.757 1.68 12.751-5.201-.009-13.918.044-27.893.134-41.885z"
/>
<path
fill="url(#g)"
d="M380.789 228.505c-26.513 26.935-69.88 26.6-96.941-.354-26.953-27.062-27.29-70.426-.354-96.941 26.939-26.47 71.603-27.432 98.2-.905 26.527 26.597 25.564 71.262-.905 98.2z"
/>
<path
fill="url(#h)"
d="M364.923 211.94c-17.832 18.023-46.763 17.872-64.767-.096-17.968-18.004-18.119-46.935-.096-64.767 18.021-17.815 47.529-18.242 65.327-.463 17.78 17.794 17.351 47.306-.464 65.326z"
/>
<path
fill="url(#i)"
d="M343.643 168.357c-5.958-5.959-15.702-5.897-21.713.092a74242.267 74242.267 0 0 0-30.778 30.702c-.618 7.843-1.242 15.7-1.867 23.565 7.865-.625 15.722-1.249 23.565-1.867a74242.267 74242.267 0 0 0 30.702-30.778c5.987-6.011 6.051-15.757.091-21.714z"
/>
<path
fill="url(#j)"
d="M291.151 199.151A72247.393 72247.393 0 0 0 175.37 314.975c-5.991 6.01-6.041 15.757-.07 21.726 5.968 5.971 15.716 5.92 21.726-.07A73082.467 73082.467 0 0 0 312.85 220.85a46.22 46.22 0 0 1-12.693-9.005 46.273 46.273 0 0 1-9.006-12.694z"
/>
</svg>
More icons in the same style and category