Add icons to this collection by clicking the heart icon.
Fireworks icon - also known as christmas, party, celebration, rocket, fireworks, birthday and party, and cultures. 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="100"
height="100"
viewBox="0 0 480.001 480.001"
>
<linearGradient
id="a"
x1="-79.36"
x2="-14.624"
y1="582.626"
y2="582.626"
gradientTransform="matrix(8 0 0 -8 594.996 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M76.001 272.001h16v16h-16v-16z" fill="url(#a)" />
<linearGradient
id="b"
x1="-79.36"
x2="-14.624"
y1="578.626"
y2="578.626"
gradientTransform="matrix(8 0 0 -8 594.996 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M76.001 304.001h16v16h-16v-16z" fill="url(#b)" />
<linearGradient
id="c"
x1="-79.36"
x2="-14.624"
y1="580.626"
y2="580.626"
gradientTransform="matrix(8 0 0 -8 594.996 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M60.001 288.001h16v16h-16v-16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-79.36"
x2="-14.624"
y1="580.626"
y2="580.626"
gradientTransform="matrix(8 0 0 -8 594.996 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M92.001 288.001h16v16h-16v-16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-79.36"
x2="-14.624"
y1="614.626"
y2="614.626"
gradientTransform="matrix(8 0 0 -8 594.996 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M364.001 16.001h16v16h-16v-16z" fill="url(#e)" />
<linearGradient
id="f"
x1="-79.36"
x2="-14.624"
y1="610.626"
y2="610.626"
gradientTransform="matrix(8 0 0 -8 594.996 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M364.001 48.001h16v16h-16v-16z" fill="url(#f)" />
<linearGradient
id="g"
x1="-79.36"
x2="-14.624"
y1="612.626"
y2="612.626"
gradientTransform="matrix(8 0 0 -8 594.996 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M348.001 32.001h16v16h-16v-16z" fill="url(#g)" />
<linearGradient
id="h"
x1="-79.36"
x2="-14.624"
y1="612.626"
y2="612.626"
gradientTransform="matrix(8 0 0 -8 594.996 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M380.001 32.001h16v16h-16v-16z" fill="url(#h)" />
<linearGradient
id="i"
x1="-79.36"
x2="-14.624"
y1="616.626"
y2="616.626"
gradientTransform="matrix(8 0 0 -8 594.996 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M92.001.001h16v16h-16v-16z" fill="url(#i)" />
<linearGradient
id="j"
x1="-79.36"
x2="-14.624"
y1="612.626"
y2="612.626"
gradientTransform="matrix(8 0 0 -8 594.996 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M92.001 32.001h16v16h-16v-16z" fill="url(#j)" />
<linearGradient
id="k"
x1="-79.36"
x2="-14.624"
y1="614.626"
y2="614.626"
gradientTransform="matrix(8 0 0 -8 594.996 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M76.001 16.001h16v16h-16v-16z" fill="url(#k)" />
<linearGradient
id="l"
x1="-79.36"
x2="-14.624"
y1="614.626"
y2="614.626"
gradientTransform="matrix(8 0 0 -8 594.996 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M108.001 16.001h16v16h-16v-16z" fill="url(#l)" />
<linearGradient
id="m"
x1="-79.36"
x2="-14.624"
y1="590.626"
y2="590.626"
gradientTransform="matrix(8 0 0 -8 594.996 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M452.001 208.001c-13.255 0-24-10.745-24-24a8 8 0 0 0-16 0c0 13.255-10.745 24-24 24a8 8 0 0 0 0 16c13.255 0 24 10.745 24 24a8 8 0 0 0 16 0c0-13.255 10.745-24 24-24a8 8 0 0 0 0-16zm-32 16.248a39.88 39.88 0 0 0-8.248-8.248 39.904 39.904 0 0 0 8.248-8.248 39.88 39.88 0 0 0 8.248 8.248 39.904 39.904 0 0 0-8.248 8.248z"
fill="url(#m)"
/>
<linearGradient
id="n"
x1="-79.36"
x2="-14.624"
y1="587.87"
y2="587.87"
gradientTransform="matrix(8 0 0 -8 594.996 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M137.081 210.521c-13.984 9.192-21.08 27.184-21.08 53.48a8 8 0 0 0 16 0c0-14.112 2.4-32.512 13.808-40.056 12.552-8.304 30.864-.672 31.032-.592a8.002 8.002 0 0 0 6.336-14.696c-1.056-.448-26.28-11.136-46.096 1.864z"
fill="url(#n)"
/>
<linearGradient
id="o"
x1="-79.36"
x2="-14.624"
y1="597.104"
y2="597.104"
gradientTransform="matrix(8 0 0 -8 594.996 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M202.673 164.089a8 8 0 0 0-2.254-11.087l-.002-.001c-.8-.504-78.88-50.864-138.736 26.088a8 8 0 0 0 1.408 11.2 7.921 7.921 0 0 0 4.912 1.712 8 8 0 0 0 6.32-3.088c50.656-65.12 114.584-24.328 117.28-22.56a8 8 0 0 0 11.072-2.264z"
fill="url(#o)"
/>
<linearGradient
id="p"
x1="-79.36"
x2="-14.624"
y1="606.619"
y2="606.619"
gradientTransform="matrix(8 0 0 -8 594.996 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M38.057 109.353a8 8 0 0 0 11.296.592c73.6-66.224 146.248-2.728 149.304 0a8 8 0 0 0 10.696-11.896c-.856-.8-86.328-75.952-170.704 0a8 8 0 0 0-.592 11.304z"
fill="url(#p)"
/>
<linearGradient
id="q"
x1="-79.36"
x2="-14.624"
y1="597.103"
y2="597.103"
gradientTransform="matrix(8 0 0 -8 594.996 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M365.681 188.913a8 8 0 0 0 6.32 3.088 7.92 7.92 0 0 0 4.912-1.688 8 8 0 0 0 1.408-11.2c-59.872-76.968-137.96-26.592-138.736-26.088a8 8 0 0 0 8.8 13.352c2.72-1.792 66.648-42.6 117.296 22.536z"
fill="url(#q)"
/>
<linearGradient
id="r"
x1="-79.36"
x2="-14.624"
y1="587.87"
y2="587.87"
gradientTransform="matrix(8 0 0 -8 594.996 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M308.001 264.001a8 8 0 0 0 16 0c0-26.296-7.096-44.288-21.08-53.48-19.816-13-45.032-2.32-46.096-1.864a8.001 8.001 0 0 0 6.352 14.688c.176-.088 18.48-7.616 30.96.552 11.464 7.528 13.864 25.96 13.864 40.104z"
fill="url(#r)"
/>
<linearGradient
id="s"
x1="-79.36"
x2="-14.624"
y1="564.626"
y2="564.626"
gradientTransform="matrix(8 0 0 -8 594.996 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M228.001 416.001a8 8 0 0 0-16 0v16a8 8 0 0 0 16 0v-16z"
fill="url(#s)"
/>
<linearGradient
id="t"
x1="-79.36"
x2="-14.624"
y1="593.621"
y2="593.621"
gradientTransform="matrix(8 0 0 -8 594.996 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path d="M204.161 184.001h-.08a8.04 8.04 0 1 0 .08 0z" fill="url(#t)" />
<linearGradient
id="u"
x1="-79.36"
x2="-14.624"
y1="610.626"
y2="610.626"
gradientTransform="matrix(8 0 0 -8 594.996 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M212.161 56.001a8 8 0 0 0-8-8h-.08a8 8 0 1 0 8.08 8z"
fill="url(#u)"
/>
<linearGradient
id="v"
x1="-79.36"
x2="-14.624"
y1="559.126"
y2="559.126"
gradientTransform="matrix(8 0 0 -8 594.996 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M220.001 456.001a8 8 0 0 0-8 8v8a8 8 0 0 0 16 0v-8a8 8 0 0 0-8-8z"
fill="url(#v)"
/>
<linearGradient
id="w"
x1="-79.36"
x2="-14.624"
y1="612.626"
y2="612.626"
gradientTransform="matrix(8 0 0 -8 594.996 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M331.761 6.065A8 8 0 0 0 322.062.24l-.005.001a179.928 179.928 0 0 0-100.712 67.32 8.001 8.001 0 0 0 13.312 8.88 165.687 165.687 0 0 1 91.288-60.68 8.001 8.001 0 0 0 5.816-9.696z"
fill="url(#w)"
/>
<linearGradient
id="x"
x1="-79.36"
x2="-14.624"
y1="577.626"
y2="577.626"
gradientTransform="matrix(8 0 0 -8 594.996 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M244.001 368.001v-96c0-13.255-10.745-24-24-24s-24 10.745-24 24v96c0 13.255 10.745 24 24 24 13.254 0 24-10.745 24-24zm-16 0a8 8 0 0 1-16 0v-96a8 8 0 0 1 16 0v96z"
fill="url(#x)"
/>
<linearGradient
id="y"
x1="-79.36"
x2="-14.624"
y1="605.625"
y2="605.625"
gradientTransform="matrix(8 0 0 -8 594.996 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M260.001 96.001c0 13.255 10.745 24 24 24a23.552 23.552 0 0 0 5.184-.6 8 8 0 0 0 2.976.6 7.889 7.889 0 0 0 7.608-6.048c9.934-8.735 10.906-23.869 2.172-33.804s-23.869-10.906-33.804-2.172a23.95 23.95 0 0 0-8.136 18.024zm32 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0z"
fill="url(#y)"
/>
<linearGradient
id="z"
x1="-79.36"
x2="-14.624"
y1="578.626"
y2="578.626"
gradientTransform="matrix(8 0 0 -8 594.996 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M316.001 336.001a23.552 23.552 0 0 0 5.184-.6 8 8 0 0 0 2.976.6 7.889 7.889 0 0 0 7.608-6.048c9.981-8.621 11.084-23.7 2.464-33.681a23.88 23.88 0 0 0-17.912-8.271h-.32c-13.255 0-24 10.745-24 24s10.745 24 24 24zm0-32a8 8 0 1 1 0 16 8 8 0 0 1 0-16z"
fill="url(#z)"
/>
<linearGradient
id="A"
x1="-79.36"
x2="-14.624"
y1="590.626"
y2="590.626"
gradientTransform="matrix(8 0 0 -8 594.996 4941.01)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9a86d" />
<stop offset=".503" stop-color="#f05361" />
<stop offset="1" stop-color="#b72563" />
</linearGradient>
<path
d="M20.001 216.001c0 13.255 10.745 24 24 24s24-10.745 24-24-10.745-24-24-24-24 10.745-24 24zm17.296-4.096a7.76 7.76 0 0 0 13.56.216 7.771 7.771 0 0 1 1.144 3.88 8 8 0 0 1-16 0 7.733 7.733 0 0 1 1.296-4.096z"
fill="url(#A)"
/>
</svg>
More icons in the same style and category