Add icons to this collection by clicking the heart icon.
Firework icon - also known as party, celebration, new year, fun, holiday, firework, 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 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ff7044" />
<stop offset="1" stop-color="#f82814" />
</linearGradient>
<linearGradient
id="d"
x1="262.932"
x2="457.082"
y1="172.178"
y2="172.178"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#f8f6fb" />
<stop offset="1" stop-color="#efdcfb" />
</linearGradient>
<linearGradient
id="e"
x1="295.365"
x2="363.204"
y1="193.096"
y2="262.631"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="379.149"
x2="446.756"
y1="111.971"
y2="181.269"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="489.829"
x2="531.685"
y1="70.612"
y2="113.514"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="2248.937"
x2="2258.578"
y1="-435.016"
y2="-401.643"
gradientTransform="rotate(45 1855.834 -3007.796) scale(1.349 -1)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="2250.535"
x2="2256.917"
y1="-429.485"
y2="-407.391"
gradientTransform="rotate(45 1855.834 -3007.796) scale(1.349 -1)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f82814" stop-opacity="0" />
<stop offset="1" stop-color="#c0272d" />
</linearGradient>
<linearGradient
id="j"
x1="-2463.668"
x2="-2518.719"
y1="-2344.497"
y2="-2401.786"
gradientTransform="rotate(-90 -2186.084 0)"
gradientUnits="userSpaceOnUse"
>
<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>
<radialGradient
id="k"
cx="118.084"
cy="294.797"
r="90.17"
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="l"
x1="-252.062"
x2="-220.781"
y1="-588.274"
y2="-588.274"
gradientTransform="rotate(41.24 -1422.005 333.289)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcb37e" />
<stop offset="1" stop-color="#8c6239" />
</linearGradient>
<linearGradient
id="m"
x1="136.467"
x2="151.833"
y1="343.197"
y2="369.234"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8a7889" />
<stop offset="1" stop-color="#6e566e" />
</linearGradient>
<linearGradient
id="n"
x1="151.524"
x2="98.445"
y1="348.58"
y2="273.227"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd945" stop-opacity="0" />
<stop offset="1" stop-color="#fbed21" />
</linearGradient>
<linearGradient
id="o"
x1="122.79"
x2="187.688"
y1="337.274"
y2="363.083"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f35227" stop-opacity="0" />
<stop offset="1" stop-color="#f35227" />
</linearGradient>
<linearGradient id="c">
<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="p"
x1="139.284"
x2="162.862"
y1="172.213"
y2="203.651"
gradientTransform="translate(89.038 151.616)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="q"
x1="94.85"
x2="118.429"
y1="69.807"
y2="101.245"
gradientTransform="translate(89.038 151.616)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="r"
x1="6.587"
x2="40.876"
y1="46.293"
y2="92.011"
gradientTransform="translate(89.038 151.616)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="s"
x1="124.142"
x2="158.431"
y1="223.386"
y2="269.104"
gradientTransform="translate(89.038 151.616)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="t"
x1="189.27"
x2="206.422"
y1="201.663"
y2="224.533"
gradientTransform="translate(89.038 151.616)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#d)"
d="m510 161.388-51.674 51.674-25.693 21.624-24.628 28.698-51.654 51.654-6.278 1.757-5.68 10.201c-6.172 6.171-37.396-14.78-72.937-48.142a632.845 632.845 0 0 1-24.2-24.023c-35.149-36.881-57.576-69.838-51.214-76.199l46.396-46.396 27.78-19.359 22.557-30.978 51.659-51.659 11.917-4.886c3.057-3.057 5.641-4.06 9.964-4.06l38.347-5.008h65.778l27.883 4.378a8.75 8.75 0 0 1 8.75 8.75l2.752 131.325z"
/>
<path
fill="url(#e)"
d="m356.35 315.038-11.957 11.956c-5.308 5.309-29.171-9.463-58.375-34.937l-43.587-159.828 50.336-50.337z"
/>
<path
fill="url(#f)"
d="m458.326 213.062-50.321 50.321-63.572-233.144 9.18-9.18a16.3 16.3 0 0 1 11.525-4.774h39.523z"
/>
<path
fill="url(#g)"
d="M509.824 25.035v135.703L470.439 16.285h30.635a8.75 8.75 0 0 1 8.75 8.75z"
/>
<path
fill="url(#h)"
d="M344.398 326.994c6.967-6.967-20.598-45.826-61.567-86.795s-79.828-68.534-86.795-61.567c-6.966 6.967 20.598 45.826 61.567 86.795s79.828 68.533 86.795 61.567z"
/>
<path
fill="url(#i)"
d="M319.326 301.922c4.612-4.612-13.637-30.338-40.759-57.46s-52.848-45.371-57.46-40.759 13.636 30.338 40.759 57.46c27.123 27.123 52.848 45.371 57.46 40.759z"
/>
<path
fill="url(#j)"
d="M274.46 271.163c-17.568 11.681-37.706 19.586-59.101 22.683-41.145 5.955-75.668 32.726-91.668 69.96-2.75 6.399-27.584-4.855-23.599-13.627 20.074-44.19 61.401-76.2 110.7-83.03 17.06-2.364 33.135-8.517 47.253-17.622 3.74-2.412 8.632-1.978 11.778 1.169l6.064 6.064c4.174 4.174 3.488 11.135-1.427 14.403z"
/>
<path
fill="url(#k)"
d="M198.944 341.6c0 31.139-25.243 56.383-56.383 56.383S86.179 372.739 86.179 341.6s25.243-110.309 56.383-110.309 56.382 79.17 56.382 110.309z"
/>
<path
fill="url(#l)"
d="M152.194 363.952 14.722 491.395c-3.836 3.557-9.925 2.948-12.975-1.302l-.108-.151c-2.572-3.582-2.071-8.518 1.18-11.497l136.896-125.422a8.295 8.295 0 0 1 14.518 4.917 8.3 8.3 0 0 1-2.039 6.012z"
/>
<path
fill="url(#m)"
d="M145.035 333.917c-8.778.99-16.121 7.537-18.201 16.122a20.983 20.983 0 0 0-.268 8.759c.461 2.531-.481 5.115-2.378 6.853a3.504 3.504 0 0 0-.149 5.023l8.553 8.826a3.504 3.504 0 0 0 4.899.131l1.556-1.443c1.68-1.558 3.963-2.216 6.24-1.967 2.784.305 5.733.06 8.797-.978 8.184-2.772 14.138-10.216 14.668-18.84.809-13.189-10.4-23.988-23.717-22.486z"
/>
<path
fill="url(#n)"
d="M184.433 347.457c0 23.125-18.747 41.872-41.872 41.872s-41.872-18.747-41.872-41.872 18.747-81.919 41.872-81.919 41.872 58.794 41.872 81.919z"
/>
<path
fill="url(#o)"
d="M172.975 358.914c0 16.797-13.617 30.414-30.414 30.414s-30.414-13.617-30.414-30.414 13.617-59.503 30.414-59.503 30.414 42.706 30.414 59.503z"
/>
<path
fill="url(#p)"
d="M256.227 336.136a63.383 63.383 0 0 0-18.673 18.792c-1.086 1.688-3.591 1.683-4.67-.009a63.381 63.381 0 0 0-18.604-18.86c-1.654-1.087-1.65-3.559.008-4.64a63.383 63.383 0 0 0 18.673-18.792c1.085-1.688 3.591-1.683 4.67.008a63.381 63.381 0 0 0 18.604 18.86c1.655 1.087 1.65 3.559-.008 4.641z"
/>
<path
fill="url(#q)"
d="M211.978 233.65a63.383 63.383 0 0 0-18.673 18.792c-1.086 1.688-3.591 1.683-4.67-.009a63.381 63.381 0 0 0-18.604-18.86c-1.654-1.087-1.65-3.559.008-4.64a63.383 63.383 0 0 0 18.673-18.792c1.085-1.688 3.591-1.683 4.67.008a63.381 63.381 0 0 0 18.604 18.86c1.655 1.087 1.65 3.559-.008 4.641z"
/>
<path
fill="url(#r)"
d="M136.573 215.453a92.172 92.172 0 0 0-27.154 27.327c-1.579 2.454-5.222 2.448-6.791-.012a92.171 92.171 0 0 0-27.054-27.426c-2.406-1.581-2.399-5.176.012-6.748a92.172 92.172 0 0 0 27.154-27.327c1.579-2.454 5.222-2.448 6.791.012a92.163 92.163 0 0 0 27.055 27.426c2.405 1.581 2.399 5.176-.013 6.748z"
/>
<path
fill="url(#s)"
d="M253.809 392.758a92.172 92.172 0 0 0-27.154 27.327c-1.579 2.454-5.222 2.448-6.792-.012a92.171 92.171 0 0 0-27.054-27.426c-2.406-1.581-2.399-5.176.012-6.748a92.172 92.172 0 0 0 27.154-27.327c1.579-2.454 5.222-2.448 6.791.012a92.163 92.163 0 0 0 27.055 27.426c2.406 1.581 2.4 5.176-.012 6.748z"
/>
<path
fill="url(#t)"
d="M298.469 362.39a46.087 46.087 0 0 0-13.583 13.67c-.79 1.228-2.612 1.224-3.397-.006a46.108 46.108 0 0 0-13.533-13.719c-1.203-.791-1.2-2.589.006-3.376a46.087 46.087 0 0 0 13.583-13.67c.79-1.228 2.612-1.224 3.397.006a46.12 46.12 0 0 0 13.533 13.719c1.204.791 1.2 2.589-.006 3.376z"
/>
</svg>
More icons in the same style and category