Add icons to this collection by clicking the heart icon.
Fireworks icon - also known as party, celebration, rocket, fireworks, 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="100"
height="100"
viewBox="0 0 511.995 511.995"
>
<linearGradient
id="a"
x1="-41.431"
x2="18.41"
y1="619.708"
y2="619.708"
gradientTransform="matrix(8.5336 0 0 -8.5336 369.166 5433.405)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path d="M123.726 136.516h17.067v17.067h-17.067z" fill="url(#a)" />
<linearGradient
id="b"
x1="-41.431"
x2="18.41"
y1="615.708"
y2="615.708"
gradientTransform="matrix(8.5336 0 0 -8.5336 369.166 5433.405)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path d="M123.726 170.65h17.067v17.067h-17.067z" fill="url(#b)" />
<linearGradient
id="c"
x1="-41.431"
x2="18.41"
y1="617.708"
y2="617.708"
gradientTransform="matrix(8.5336 0 0 -8.5336 369.166 5433.405)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path d="M106.659 153.583h17.067v17.067h-17.067z" fill="url(#c)" />
<linearGradient
id="d"
x1="-41.431"
x2="18.41"
y1="617.708"
y2="617.708"
gradientTransform="matrix(8.5336 0 0 -8.5336 369.166 5433.405)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path d="M140.794 153.583h17.067v17.067h-17.067z" fill="url(#d)" />
<linearGradient
id="e"
x1="-41.431"
x2="18.41"
y1="624.708"
y2="624.708"
gradientTransform="matrix(8.5336 0 0 -8.5336 369.166 5433.405)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path d="M55.457 93.848h17.067v17.067H55.457z" fill="url(#e)" />
<linearGradient
id="f"
x1="-41.431"
x2="18.41"
y1="620.708"
y2="620.708"
gradientTransform="matrix(8.5336 0 0 -8.5336 369.166 5433.405)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path d="M55.457 127.982h17.067v17.067H55.457z" fill="url(#f)" />
<linearGradient
id="g"
x1="-41.431"
x2="18.41"
y1="622.708"
y2="622.708"
gradientTransform="matrix(8.5336 0 0 -8.5336 369.166 5433.405)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path d="M38.39 110.915h17.067v17.067H38.39z" fill="url(#g)" />
<linearGradient
id="h"
x1="-41.431"
x2="18.41"
y1="622.708"
y2="622.708"
gradientTransform="matrix(8.5336 0 0 -8.5336 369.166 5433.405)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path d="M72.525 110.915h17.067v17.067H72.525z" fill="url(#h)" />
<linearGradient
id="i"
x1="-41.431"
x2="18.41"
y1="606.707"
y2="606.707"
gradientTransform="matrix(8.5336 0 0 -8.5336 369.166 5433.405)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M294.399 511.995v-187.74H320a8.537 8.537 0 0 0 8.534-8.534V136.516H345.6a8.532 8.532 0 0 0 8.517-8.551c0-1.63-.469-3.226-1.348-4.591L275.966 3.903a8.533 8.533 0 0 0-14.336 0l-76.803 119.471a8.539 8.539 0 0 0 2.577 11.793 8.507 8.507 0 0 0 4.591 1.348h17.067v179.206a8.537 8.537 0 0 0 8.534 8.534h25.601v187.74h51.202zm-17.067-17.067h-17.067V324.255h17.067v170.673zm34.134-288.863-85.336 14.251v-34.134l85.336-14.251v34.134zm-85.336 31.574 85.336-14.251v34.134l-85.336 13.995v-33.878zm42.668-213.34 61.186 95.15H207.612l61.186-95.15zm42.668 112.217v18.347l-85.336 14.251v-32.598h85.336zM226.13 307.188v-18.347l85.336-14.251v32.598H226.13z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-41.431"
x2="18.41"
y1="591.208"
y2="591.208"
gradientTransform="matrix(8.5336 0 0 -8.5336 369.166 5433.405)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M183.462 349.856a8.537 8.537 0 0 0-8.534-8.534c-47.131 0-85.336 38.205-85.336 85.336a8.537 8.537 0 0 0 8.534 8.534 8.537 8.537 0 0 0 8.534-8.534c0-37.702 30.567-68.269 68.269-68.269 4.71.001 8.533-3.822 8.533-8.533z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-41.431"
x2="18.41"
y1="601.708"
y2="601.708"
gradientTransform="matrix(8.5336 0 0 -8.5336 369.166 5433.405)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M89.592 264.52a8.537 8.537 0 0 0-8.534 8.534c0 32.94 34.134 59.735 76.803 59.735 4.711 0 8.534-3.823 8.534-8.534s-3.823-8.534-8.534-8.534c-32.94 0-59.735-19.115-59.735-42.668a8.532 8.532 0 0 0-8.534-8.533z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-41.431"
x2="18.41"
y1="588.21"
y2="588.21"
gradientTransform="matrix(8.5336 0 0 -8.5336 369.166 5433.405)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M203.772 391.927c4.386-1.766 6.503-6.75 4.736-11.136s-6.75-6.503-11.136-4.736a53.006 53.006 0 0 0-28.502 29.1 50.522 50.522 0 0 0 7.254 42.668 8.535 8.535 0 0 0 7.339 4.438c1.528 0 3.038-.41 4.352-1.195 4.053-2.406 5.393-7.638 2.987-11.691a34.15 34.15 0 0 1-5.803-28.673 35.44 35.44 0 0 1 18.773-18.775z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="-41.431"
x2="18.41"
y1="583.208"
y2="583.208"
gradientTransform="matrix(8.5336 0 0 -8.5336 369.166 5433.405)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M93.859 469.327c7.066 0 12.8-5.735 12.8-12.8s-5.735-12.8-12.8-12.8c-7.066 0-12.8 5.735-12.8 12.8-.001 7.065 5.725 12.8 12.8 12.8zm0-17.067c2.355 0 4.267 1.912 4.267 4.267s-1.912 4.267-4.267 4.267-4.267-1.912-4.267-4.267 1.911-4.267 4.267-4.267z"
fill="url(#m)"
/>
<linearGradient
id="n"
x1="-41.431"
x2="18.41"
y1="588.208"
y2="588.208"
gradientTransform="matrix(8.5336 0 0 -8.5336 369.166 5433.405)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M123.726 413.858c0 7.066 5.735 12.8 12.8 12.8s12.8-5.735 12.8-12.8-5.735-12.8-12.8-12.8-12.8 5.726-12.8 12.8zm17.068 0a4.269 4.269 0 0 1-4.267 4.267c-2.355 0-4.267-1.912-4.267-4.267s1.912-4.267 4.267-4.267a4.265 4.265 0 0 1 4.267 4.267z"
fill="url(#n)"
/>
<linearGradient
id="o"
x1="-41.431"
x2="18.41"
y1="595.208"
y2="595.208"
gradientTransform="matrix(8.5336 0 0 -8.5336 369.166 5433.405)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M63.991 354.123c0 7.066 5.735 12.8 12.8 12.8 7.066 0 12.8-5.735 12.8-12.8s-5.735-12.8-12.8-12.8-12.8 5.726-12.8 12.8zm17.067 0a4.269 4.269 0 0 1-4.267 4.267c-2.355 0-4.267-1.911-4.267-4.267s1.912-4.267 4.267-4.267a4.263 4.263 0 0 1 4.267 4.267z"
fill="url(#o)"
/>
<linearGradient
id="p"
x1="-41.431"
x2="18.41"
y1="591.208"
y2="591.208"
gradientTransform="matrix(8.5336 0 0 -8.5336 369.166 5433.405)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M439.47 435.192a8.537 8.537 0 0 0 8.534-8.534c0-47.131-38.205-85.336-85.336-85.336-4.711 0-8.534 3.823-8.534 8.534s3.823 8.534 8.534 8.534c37.702 0 68.269 30.567 68.269 68.269a8.53 8.53 0 0 0 8.533 8.533z"
fill="url(#p)"
/>
<linearGradient
id="q"
x1="-41.431"
x2="18.41"
y1="601.708"
y2="601.708"
gradientTransform="matrix(8.5336 0 0 -8.5336 369.166 5433.405)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M448.004 264.52a8.537 8.537 0 0 0-8.534 8.534c0 23.553-26.796 42.668-59.735 42.668-4.711 0-8.534 3.823-8.534 8.534s3.823 8.534 8.534 8.534c42.668 0 76.803-26.796 76.803-59.735a8.533 8.533 0 0 0-8.534-8.535z"
fill="url(#q)"
/>
<linearGradient
id="r"
x1="-41.431"
x2="18.41"
y1="588.192"
y2="588.192"
gradientTransform="matrix(8.5336 0 0 -8.5336 369.166 5433.405)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M349.782 451.065a8.528 8.528 0 0 0 11.691-2.986 50.525 50.525 0 0 0 7.254-42.668 53.009 53.009 0 0 0-28.502-29.1 8.53 8.53 0 0 0-11.008 4.779 8.537 8.537 0 0 0 4.608 11.094 35.335 35.335 0 0 1 18.774 18.774 34.15 34.15 0 0 1-5.803 28.673c-2.237 3.993-.914 9.036 2.986 11.434z"
fill="url(#r)"
/>
<linearGradient
id="s"
x1="-41.431"
x2="18.41"
y1="583.208"
y2="583.208"
gradientTransform="matrix(8.5336 0 0 -8.5336 369.166 5433.405)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M443.737 469.327c7.066 0 12.8-5.735 12.8-12.8s-5.735-12.8-12.8-12.8-12.8 5.735-12.8 12.8 5.726 12.8 12.8 12.8zm0-17.067c2.355 0 4.267 1.912 4.267 4.267s-1.912 4.267-4.267 4.267-4.267-1.912-4.267-4.267 1.912-4.267 4.267-4.267z"
fill="url(#s)"
/>
<linearGradient
id="t"
x1="-41.431"
x2="18.41"
y1="588.208"
y2="588.208"
gradientTransform="matrix(8.5336 0 0 -8.5336 369.166 5433.405)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M401.069 401.058c-7.066 0-12.8 5.735-12.8 12.8s5.735 12.8 12.8 12.8 12.8-5.735 12.8-12.8-5.734-12.8-12.8-12.8zm0 17.067c-2.355 0-4.267-1.912-4.267-4.267s1.912-4.267 4.267-4.267 4.267 1.912 4.267 4.267-1.912 4.267-4.267 4.267z"
fill="url(#t)"
/>
<linearGradient
id="u"
x1="-41.431"
x2="18.41"
y1="595.208"
y2="595.208"
gradientTransform="matrix(8.5336 0 0 -8.5336 369.166 5433.405)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M473.605 354.123c0-7.066-5.735-12.8-12.8-12.8s-12.8 5.735-12.8 12.8 5.735 12.8 12.8 12.8 12.8-5.734 12.8-12.8zm-17.067 0c0-2.355 1.911-4.267 4.267-4.267s4.267 1.912 4.267 4.267-1.912 4.267-4.267 4.267-4.267-1.912-4.267-4.267z"
fill="url(#u)"
/>
<linearGradient
id="v"
x1="-41.431"
x2="18.41"
y1="612.708"
y2="612.708"
gradientTransform="matrix(8.5336 0 0 -8.5336 369.166 5433.405)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M345.6 170.65v68.269c0 4.711 3.823 8.534 8.534 8.534s8.534-3.823 8.534-8.534V170.65c0-4.711-3.823-8.534-8.534-8.534s-8.534 3.815-8.534 8.534z"
fill="url(#v)"
/>
<linearGradient
id="w"
x1="-41.431"
x2="18.41"
y1="608.708"
y2="608.708"
gradientTransform="matrix(8.5336 0 0 -8.5336 369.166 5433.405)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b24592" />
<stop offset="1" stop-color="#f15f79" />
</linearGradient>
<path
d="M396.802 273.054v-68.269c0-4.711-3.823-8.534-8.534-8.534s-8.534 3.823-8.534 8.534v68.269c0 4.711 3.823 8.534 8.534 8.534s8.534-3.824 8.534-8.534z"
fill="url(#w)"
/>
</svg>
More icons in the same style and category