Add icons to this collection by clicking the heart icon.
Firework icon - also known as light, star, celebration, shine, firework, and birthday and party. 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"
x1="151.211"
x2="534.372"
y1="-63.716"
y2="445.969"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fec194" />
<stop offset="1" stop-color="#ff0061" />
</linearGradient>
<linearGradient
id="b"
x1="-22.013"
x2="361.148"
y1="66.507"
y2="576.193"
href="#a"
/>
<linearGradient
id="c"
x1="-50.614"
x2="332.547"
y1="88.008"
y2="597.693"
href="#a"
/>
<linearGradient
id="d"
x1="179.812"
x2="562.973"
y1="-85.217"
y2="424.469"
href="#a"
/>
<linearGradient
id="e"
x1="37.458"
x2="420.619"
y1="21.799"
y2="531.485"
href="#a"
/>
<linearGradient
id="f"
x1="41.95"
x2="425.112"
y1="18.422"
y2="528.107"
href="#a"
/>
<linearGradient
id="g"
x1="46.8"
x2="429.961"
y1="14.776"
y2="524.462"
href="#a"
/>
<linearGradient
id="h"
x1="51.292"
x2="434.453"
y1="11.399"
y2="521.085"
href="#a"
/>
<linearGradient
id="i"
x1="77.905"
x2="461.066"
y1="-8.608"
y2="501.078"
href="#a"
/>
<linearGradient
id="j"
x1="87.247"
x2="470.408"
y1="-15.631"
y2="494.055"
href="#a"
/>
<linearGradient
id="k"
x1="82.398"
x2="465.559"
y1="-11.985"
y2="497.7"
href="#a"
/>
<linearGradient
id="l"
x1="91.739"
x2="474.9"
y1="-19.008"
y2="490.678"
href="#a"
/>
<linearGradient
id="m"
x1="-126.925"
x2="256.236"
y1="145.375"
y2="655.061"
href="#a"
/>
<linearGradient
id="n"
x1="-95.222"
x2="287.94"
y1="121.542"
y2="631.228"
href="#a"
/>
<linearGradient
id="o"
x1="-61.005"
x2="322.156"
y1="95.819"
y2="605.505"
href="#a"
/>
<linearGradient
id="p"
x1="-29.302"
x2="353.859"
y1="71.986"
y2="581.672"
href="#a"
/>
<linearGradient
id="q"
x1="158.499"
x2="541.661"
y1="-69.195"
y2="440.49"
href="#a"
/>
<linearGradient
id="r"
x1="224.419"
x2="607.58"
y1="-118.751"
y2="390.935"
href="#a"
/>
<linearGradient
id="s"
x1="190.202"
x2="573.363"
y1="-93.028"
y2="416.657"
href="#a"
/>
<linearGradient
id="t"
x1="256.121"
x2="639.283"
y1="-142.584"
y2="367.102"
href="#a"
/>
<linearGradient
id="u"
x1="58.906"
x2="442.068"
y1="5.675"
y2="515.36"
href="#a"
/>
<linearGradient
id="v"
x1="13.002"
x2="396.163"
y1="40.184"
y2="549.87"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M256 146.351a6 6 0 0 0 6-6V11a6 6 0 1 0-12 0v129.351a6 6 0 0 0 6 6z"
/>
<path
fill="url(#b)"
d="M256 365.649a6 6 0 0 0-6 6V501a6 6 0 0 0 12 0V371.649a6 6 0 0 0-6-6z"
/>
<path
fill="url(#c)"
d="M146.351 256a6 6 0 0 0-6-6H11.001a6 6 0 0 0 0 12h129.35a6 6 0 0 0 6-6z"
/>
<path
fill="url(#d)"
d="M501 250H371.65a6 6 0 0 0 0 12H501a6 6 0 1 0 0-12z"
/>
<path
fill="url(#e)"
d="M82.76 91.244a6 6 0 1 0 8.484-8.485L87 78.516a6 6 0 1 0-8.485 8.486z"
/>
<path
fill="url(#f)"
d="M113.33 121.816a6 6 0 0 0 8.486-8.485l-8.734-8.735a6 6 0 0 0-8.486 8.485z"
/>
<path
fill="url(#g)"
d="M143.652 135.167a6 6 0 1 0-8.485 8.486l8.736 8.734a6 6 0 1 0 8.484-8.485z"
/>
<path
fill="url(#h)"
d="M169.982 178.467a6 6 0 0 0 8.484-8.485l-4.243-4.244a6 6 0 0 0-8.484 8.486z"
/>
<path
fill="url(#i)"
d="M342.018 333.533a6 6 0 1 0-8.484 8.486l4.243 4.242a6 6 0 1 0 8.484-8.485z"
/>
<path
fill="url(#j)"
d="M398.67 390.184a6 6 0 1 0-8.485 8.486l8.735 8.734a6 6 0 1 0 8.485-8.485z"
/>
<path
fill="url(#k)"
d="M368.1 359.613a6 6 0 0 0-8.487 8.485l8.734 8.735a6 6 0 0 0 8.487-8.485z"
/>
<path
fill="url(#l)"
d="M429.24 420.756a6 6 0 0 0-8.484 8.485l4.243 4.242a6 6 0 0 0 8.484-8.485z"
/>
<path
fill="url(#m)"
d="m82.76 420.755-4.244 4.243a6 6 0 1 0 8.485 8.486l4.243-4.242a6 6 0 1 0-8.485-8.487z"
/>
<path
fill="url(#n)"
d="m113.33 390.184-8.734 8.735a6 6 0 0 0 8.486 8.485l8.734-8.734a6 6 0 0 0-8.486-8.486z"
/>
<path
fill="url(#o)"
d="m143.903 359.613-8.736 8.735a6 6 0 1 0 8.485 8.485l8.735-8.735a6 6 0 1 0-8.484-8.485z"
/>
<path
fill="url(#p)"
d="m169.982 333.533-4.243 4.243a6 6 0 1 0 8.484 8.485l4.243-4.242a6 6 0 1 0-8.484-8.486z"
/>
<path
fill="url(#q)"
d="M337.776 180.224a5.98 5.98 0 0 0 4.242-1.757l4.243-4.243a6 6 0 1 0-8.484-8.486l-4.243 4.244a6 6 0 0 0 4.242 10.242z"
/>
<path
fill="url(#r)"
d="M394.427 123.573a5.98 5.98 0 0 0 4.242-1.757l8.736-8.735a6 6 0 1 0-8.485-8.485l-8.735 8.735a6 6 0 0 0 4.242 10.242z"
/>
<path
fill="url(#s)"
d="M363.856 154.145a5.984 5.984 0 0 0 4.243-1.758l8.735-8.734a6 6 0 0 0-8.487-8.486l-8.734 8.735a6 6 0 0 0 4.243 10.243z"
/>
<path
fill="url(#t)"
d="M424.998 93.002a5.983 5.983 0 0 0 4.244-1.758L433.484 87a6 6 0 0 0-8.486-8.484l-4.243 4.242a6 6 0 0 0 4.243 10.243z"
/>
<path
fill="url(#u)"
d="m330.228 219.366-28.83-4.19a13.174 13.174 0 0 1-9.924-7.208l-12.898-26.129a25.177 25.177 0 0 0-45.152-.001l-12.901 26.133a13.17 13.17 0 0 1-9.922 7.205l-28.832 4.19a24.88 24.88 0 0 0-18.524 12.928 25.302 25.302 0 0 0-.7 22.656 6 6 0 0 0 10.858-5.112 13.252 13.252 0 0 1 .413-11.865 12.838 12.838 0 0 1 9.682-6.732l28.83-4.19a25.165 25.165 0 0 0 18.957-13.772l12.9-26.13a13.177 13.177 0 0 1 23.63 0l12.897 26.127a25.169 25.169 0 0 0 18.96 13.775l28.828 4.19a13.179 13.179 0 0 1 7.306 22.476l-20.862 20.343a25.177 25.177 0 0 0-7.242 22.29l4.928 28.717a13.18 13.18 0 0 1-19.124 13.887L267.71 325.39a25.229 25.229 0 0 0-23.428.003l-25.79 13.56a13.18 13.18 0 0 1-19.125-13.884l4.22-24.58a6 6 0 1 0-11.826-2.03l-4.22 24.582a25.145 25.145 0 0 0 36.535 26.533l25.785-13.556a13.222 13.222 0 0 1 12.271-.004l25.79 13.56a25.179 25.179 0 0 0 36.535-26.536l-4.93-28.722a13.182 13.182 0 0 1 3.795-11.666l20.86-20.34a25.178 25.178 0 0 0-13.955-42.944z"
/>
<path
fill="url(#v)"
d="M189.939 284.084a6 6 0 1 0 9.57-7.24 24.486 24.486 0 0 0-2.456-2.786l-7.13-6.95a6 6 0 1 0-8.377 8.592l7.14 6.96a12.491 12.491 0 0 1 1.253 1.424z"
/>
</g>
</svg>
More icons in the same style and category