Add icons to this collection by clicking the heart icon.
Fireworks icon - also known as party, celebration, fireworks, new year, fun, holiday, and birthday and party. Created in a clean color 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 509.996 509.996"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ffdecf" />
<stop offset="1" stop-color="#faa68e" />
</linearGradient>
<linearGradient
id="g"
x1="600.076"
x2="562.822"
y1="1120.162"
y2="1101.19"
gradientTransform="scale(1 -1) rotate(45 2108.482 -149.516)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ffd945" />
<stop offset=".304" stop-color="#ffcd3e" />
<stop offset=".856" stop-color="#ffad2b" />
<stop offset="1" stop-color="#ffa325" />
</linearGradient>
<linearGradient
id="h"
x1="421.3"
x2="436.921"
y1="799.23"
y2="799.23"
gradientTransform="rotate(45 787.102 251.287)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="400.944"
x2="457.277"
y1="613.545"
y2="613.545"
gradientTransform="rotate(45 787.102 251.287)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8a7889" />
<stop offset="1" stop-color="#6e566e" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#e87264" stop-opacity="0" />
<stop offset="1" stop-color="#ff7044" />
</linearGradient>
<linearGradient
id="j"
x1="299.109"
x2="366.111"
y1="249.682"
y2="234.752"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="201.729"
x2="219.473"
y1="695.678"
y2="828.287"
gradientTransform="rotate(45 554.116 425.171)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="l"
cx="2254.742"
cy="-1778.822"
r="50.366"
gradientTransform="matrix(0 1 1 0 2120.725 -2092.92)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd945" />
<stop offset=".417" stop-color="#ffd744" />
<stop offset=".628" stop-color="#ffcf3f" />
<stop offset=".793" stop-color="#ffc237" />
<stop offset=".933" stop-color="#ffaf2c" />
<stop offset="1" stop-color="#ffa325" />
</radialGradient>
<linearGradient
id="m"
x1="2273.406"
x2="2225.05"
y1="-1756.276"
y2="-1804.632"
gradientTransform="matrix(0 1 1 0 2120.725 -2092.92)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd945" stop-opacity="0" />
<stop offset="1" stop-color="#fbed21" />
</linearGradient>
<linearGradient
id="n"
x1="2283.555"
x2="2358.856"
y1="-1761.78"
y2="-1825.517"
gradientTransform="matrix(0 1 1 0 2120.725 -2092.92)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#ff819c" />
<stop offset=".259" stop-color="#ff7e9a" />
<stop offset=".476" stop-color="#fe7396" />
<stop offset=".676" stop-color="#fc628e" />
<stop offset=".867" stop-color="#fa4a83" />
<stop offset="1" stop-color="#f83479" />
</linearGradient>
<linearGradient
id="o"
x1="-651.246"
x2="-633.868"
y1="745.949"
y2="745.949"
gradientTransform="scale(1 -1) rotate(45 1044.16 1525.346)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#ff7044" />
<stop offset="1" stop-color="#f82814" />
</linearGradient>
<linearGradient
id="p"
x1="-652.571"
x2="-618.001"
y1="679.18"
y2="725.274"
gradientTransform="scale(1 -1) rotate(45.08 1046.19 1524.002)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="q"
x1="1083.648"
x2="1101.027"
y1="351.553"
y2="351.553"
gradientTransform="scale(-1 1) rotate(45 659.266 -1455.947)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="r"
x1="1081.608"
x2="1116.179"
y1="281.663"
y2="327.756"
gradientTransform="scale(-1 1) rotate(45.08 659.848 -1451.934)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="s"
x1="481.922"
x2="499.301"
y1="1347.675"
y2="1347.675"
gradientTransform="scale(-1 1) rotate(-45 -1427.761 1816.302)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="t"
x1="481.677"
x2="516.247"
y1="1278.865"
y2="1324.959"
gradientTransform="scale(-1 1) rotate(-44.92 -1432.27 1820.942)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient id="f">
<stop offset="0" stop-color="#9b62cd" />
<stop offset=".3" stop-color="#985dcb" />
<stop offset=".672" stop-color="#8f4ec7" />
<stop offset="1" stop-color="#833ac1" />
</linearGradient>
<linearGradient
id="u"
x1="2609.267"
x2="2633.374"
y1="-2530.467"
y2="-2530.467"
gradientTransform="matrix(-1 0 0 1 2978.748 2611.457)"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="v"
x1="-2123.382"
x2="-2099.274"
y1="-62.063"
y2="-62.063"
gradientTransform="matrix(1 0 0 -1 2468.755 203.874)"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="w"
x1="2386.437"
x2="2410.544"
y1="-3271.785"
y2="-3271.785"
gradientTransform="matrix(0 1 1 0 3536.739 -2225.027)"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="x"
x1="-1900.551"
x2="-1876.444"
y1="679.255"
y2="679.255"
gradientTransform="matrix(0 -1 -1 0 1129.155 -1715.034)"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="y"
x1="2839.03"
x2="2872.233"
y1="-1626.195"
y2="-1626.195"
gradientTransform="scale(-1 1) rotate(-21.59 5606.343 7769.006)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="z"
x1="-2369.351"
x2="-2336.148"
y1="-1624.925"
y2="-1624.925"
gradientTransform="scale(1 -1) rotate(-21.59 2449.403 -7935.47)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="A"
x1="85.267"
x2="118.47"
y1="-4080.276"
y2="-4080.276"
gradientTransform="matrix(-.368 .93 .93 .368 4061.519 1528.565)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="B"
x1="384.411"
x2="417.614"
y1="829.156"
y2="829.156"
gradientTransform="scale(1 -1) rotate(68.41 1217.703 364.407)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="C"
x1="-1655.269"
x2="-1622.066"
y1="320.681"
y2="320.681"
gradientTransform="rotate(68.4 -431.554 1783.576)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="D"
x1="2124.947"
x2="2158.15"
y1="-3571.801"
y2="-3571.801"
gradientTransform="rotate(-111.6 2475.75 -1023.647)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="E"
x1="2032.143"
x2="2065.346"
y1="414.022"
y2="414.022"
gradientTransform="rotate(158.44 1239.134 201.393)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="F"
x1="-1562.465"
x2="-1529.262"
y1="-3665.142"
y2="-3665.142"
gradientTransform="rotate(-21.57 9109.775 -6669.63)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="G"
x1="1685.058"
x2="1702.353"
y1="963.611"
y2="963.611"
gradientTransform="scale(-1 1) rotate(-65.87 -15.89 2260.83)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="H"
x1="-2462.018"
x2="-2444.723"
y1="-482.797"
y2="-482.797"
gradientTransform="rotate(22.08 -3098.859 7126.239)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="I"
x1="-2576.174"
x2="-2558.88"
y1="-747.448"
y2="-747.448"
gradientTransform="rotate(22.08 -3098.859 7126.239)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="J"
x1="-2648.172"
x2="-2630.877"
y1="-1516.879"
y2="-1516.879"
gradientTransform="rotate(-67.92 46.364 -2789)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#g)"
d="m105.114 321.011 57.261 57.261v-33.42c0-13.167-10.674-23.841-23.841-23.841z"
/>
<path
fill="url(#h)"
d="m103.304 440.024-11.046-11.046 97.573-97.573 11.046 11.046z"
/>
<path
fill="url(#i)"
d="M181.274 351.008c-11-11-11-28.833 0-39.833l153.352-153.352c11-11 28.833-11 39.833 0s11 28.833 0 39.833L221.107 351.008c-11 10.999-28.834 10.999-39.833 0z"
/>
<path
fill="url(#j)"
d="M181.274 351.008c-11-11-11-28.833 0-39.833l153.352-153.352c11-11 28.833-11 39.833 0s11 28.833 0 39.833L221.107 351.008c-11 10.999-28.834 10.999-39.833 0z"
/>
<path
fill="url(#k)"
d="M9.842 367.039c-11.013 11.013-13.059 28.215-4.744 41.384 1.815 2.875 3.434 5.699 4.605 8.219a108.463 108.463 0 0 0 21.671 30.996l35.234 35.234c8.314 8.314 21.795 8.314 30.109 0a14.75 14.75 0 0 0 2.112-2.717c3.095-5.036 8.607-8.265 14.518-8.266a15.056 15.056 0 0 0 10.676-4.423l4.376-4.376a16.65 16.65 0 0 0 2.214-2.762c3.18-4.938 8.485-8.283 14.358-8.286a15.057 15.057 0 0 0 10.67-4.423l4.376-4.376a15.054 15.054 0 0 0 4.423-10.669c.003-5.873 3.349-11.178 8.287-14.358a16.598 16.598 0 0 0 2.762-2.214c8.19-8.19 8.295-21.384.348-29.723l.019-.019-.367-.367-82.447-82.447c-5.414-5.414-14.192-5.414-19.607 0z"
/>
<circle cx="357.427" cy="173.463" r="40.423" fill="url(#l)" />
<path
fill="url(#m)"
d="M357.427 209.546c19.928 0 36.083-16.155 36.083-36.083s-16.155-36.082-36.083-36.082c-19.927 0-36.082 16.154-36.082 36.082-.001 19.928 16.154 36.083 36.082 36.083z"
/>
<path
fill="url(#n)"
d="M321.267 191.545a40.241 40.241 0 0 0 18.082 4.263c22.325 0 40.423-18.098 40.423-40.423 0-6.5-1.537-12.641-4.263-18.082 13.246 6.637 22.34 20.335 22.34 36.159 0 22.325-18.098 40.423-40.423 40.423-15.824.001-29.522-9.093-36.159-22.34z"
/>
<path
fill="url(#o)"
d="M389.461 205.498a8.69 8.69 0 0 0 0 12.289l13.547 13.547a8.69 8.69 0 0 0 12.289-12.289l-13.547-13.547a8.689 8.689 0 0 0-12.289 0z"
/>
<path
fill="url(#p)"
d="M461.454 233.993a92.948 92.948 0 0 1-38.849-.115c-2.876-.624-5.469 1.979-4.835 4.853a92.928 92.928 0 0 1 .256 38.848c-.589 2.843 1.979 5.401 4.82 4.802a92.943 92.943 0 0 1 38.848.115c2.876.624 5.469-1.979 4.835-4.853a92.928 92.928 0 0 1-.256-38.848c.589-2.843-1.978-5.401-4.819-4.802z"
/>
<path
fill="url(#q)"
d="M325.392 141.429a8.69 8.69 0 0 0 0-12.289l-13.547-13.547a8.69 8.69 0 0 0-12.289 12.289l13.547 13.547a8.689 8.689 0 0 0 12.289 0z"
/>
<path
fill="url(#r)"
d="M253.399 112.934a92.948 92.948 0 0 1 38.849.115c2.876.624 5.469-1.979 4.835-4.853a92.928 92.928 0 0 1-.256-38.848c.589-2.843-1.979-5.401-4.82-4.802a92.943 92.943 0 0 1-38.848-.115c-2.876-.624-5.469 1.979-4.835 4.853a92.928 92.928 0 0 1 .256 38.848c-.589 2.843 1.979 5.401 4.819 4.802z"
/>
<path
fill="url(#s)"
d="M389.461 141.429a8.69 8.69 0 0 0 12.289 0l13.547-13.547a8.69 8.69 0 0 0-12.289-12.289l-13.547 13.547a8.69 8.69 0 0 0 0 12.289z"
/>
<path
fill="url(#t)"
d="M417.956 69.436a92.948 92.948 0 0 1-.115 38.849c-.624 2.876 1.979 5.469 4.853 4.835a92.928 92.928 0 0 1 38.848-.256c2.843.589 5.401-1.979 4.802-4.82a92.943 92.943 0 0 1 .115-38.848c.624-2.876-1.979-5.469-4.853-4.835a92.928 92.928 0 0 1-38.848.256c-2.842-.589-5.401 1.978-4.802 4.819z"
/>
<path
fill="url(#u)"
d="M357.427 110.476c6.657 0 12.054-5.397 12.054-12.054V63.558c0-6.657-5.397-12.054-12.053-12.054-6.657 0-12.053 5.397-12.053 12.054v34.864c-.002 6.657 5.395 12.054 12.052 12.054z"
/>
<path
fill="url(#v)"
d="M357.427 236.451c-6.657 0-12.054 5.397-12.054 12.054v34.864c0 6.657 5.397 12.054 12.053 12.054 6.657 0 12.053-5.397 12.053-12.054v-34.864c.001-6.657-5.395-12.054-12.052-12.054z"
/>
<path
fill="url(#w)"
d="M294.439 173.463c0-6.657-5.397-12.054-12.054-12.054h-34.864c-6.657 0-12.054 5.397-12.054 12.054s5.397 12.054 12.054 12.054h34.864c6.657 0 12.054-5.397 12.054-12.054z"
/>
<path
fill="url(#x)"
d="M420.415 173.463c0 6.657 5.397 12.054 12.054 12.054h34.864c6.657 0 12.053-5.397 12.054-12.054 0-6.657-5.397-12.054-12.054-12.054h-34.864c-6.658.001-12.054 5.397-12.054 12.054z"
/>
<path
fill="url(#y)"
d="m392.999 52.021.166.387c3.57 8.368 13.126 12.148 21.454 8.484l.451-.197a15.981 15.981 0 0 0 8.352-21.12l-.195-.452c-3.569-8.368-13.126-12.148-21.453-8.484-.128.056-.257.113-.386.168a16.064 16.064 0 0 0-8.389 21.214z"
/>
<path
fill="url(#z)"
d="m321.855 294.906-.166-.387c-3.57-8.368-13.126-12.148-21.454-8.484l-.451.197a15.981 15.981 0 0 0-8.352 21.12l.195.452c3.569 8.368 13.126 12.148 21.453 8.484.128-.056.257-.113.386-.168a16.065 16.065 0 0 0 8.389-21.214z"
/>
<path
fill="url(#A)"
d="m235.984 137.891.387-.166c8.368-3.57 12.148-13.126 8.484-21.454l-.197-.451a15.981 15.981 0 0 0-21.12-8.352l-.452.195c-8.368 3.569-12.148 13.126-8.484 21.453.056.128.113.257.168.386a16.064 16.064 0 0 0 21.214 8.389z"
/>
<path
fill="url(#B)"
d="m478.869 209.036-.387.166c-8.368 3.57-12.148 13.126-8.484 21.454l.197.451a15.981 15.981 0 0 0 21.12 8.352l.452-.195c8.368-3.569 12.148-13.126 8.484-21.453-.056-.128-.113-.257-.168-.386a16.063 16.063 0 0 0-21.214-8.389z"
/>
<path
fill="url(#C)"
d="m478.869 137.891-.387-.166c-8.368-3.57-12.148-13.126-8.484-21.454l.197-.451a15.981 15.981 0 0 1 21.12-8.352l.452.195c8.368 3.569 12.148 13.126 8.484 21.453-.056.128-.113.257-.168.386a16.063 16.063 0 0 1-21.214 8.389z"
/>
<path
fill="url(#D)"
d="m235.984 209.036.387.166c8.368 3.57 12.148 13.126 8.484 21.454l-.197.451a15.981 15.981 0 0 1-21.12 8.352l-.452-.195c-8.368-3.569-12.148-13.126-8.484-21.453.056-.128.113-.257.168-.386a16.064 16.064 0 0 1 21.214-8.389z"
/>
<path
fill="url(#E)"
d="m392.999 294.906.166-.387c3.57-8.368 13.126-12.148 21.454-8.484l.451.197a15.981 15.981 0 0 1 8.352 21.12l-.195.452c-3.569 8.368-13.126 12.148-21.453 8.484-.128-.056-.257-.113-.386-.168a16.064 16.064 0 0 1-8.389-21.214z"
/>
<path
fill="url(#F)"
d="m321.855 52.021-.166.387c-3.57 8.368-13.126 12.148-21.454 8.484l-.451-.197a15.981 15.981 0 0 1-8.352-21.12l.195-.452c3.569-8.368 13.126-12.148 21.453-8.484.128.056.257.113.386.168a16.065 16.065 0 0 1 8.389 21.214z"
/>
<circle cx="501.347" cy="171.341" r="8.647" fill="url(#G)" />
<circle cx="360.589" cy="317.692" r="8.647" fill="url(#H)" />
<circle cx="354.369" cy="29.537" r="8.647" fill="url(#I)" />
<circle cx="215.988" cy="176.724" r="8.647" fill="url(#J)" />
</svg>
More icons in the same style and category