Add icons to this collection by clicking the heart icon.
Firework icon - also known as christmas, party, celebration, rocket, fireworks, firework, birthday and party, and cultures. Created in a clean lineal color style with a white, black, red, yellow, teal, and orange finish, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0 14.306-14.307c4.811-4.811 12.612-4.811 17.423 0l25.77 25.77-31.73 31.729L0 17.423C-4.812 12.611-4.812 4.811 0 0"
transform="translate(164.56 134.781)"
fill="#e8424a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 64.789-64.789c6.457-6.457 16.925-6.457 23.382 0l220.678 220.678-88.172 88.171L0 23.383C-6.457 16.926-6.457 6.457 0 0"
transform="translate(157.006 177.709)"
fill="#fb575a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-232.369-232.368 24.111-24.111c6.457-6.458 16.926-6.458 23.383 0L35.802-35.802Z"
transform="translate(430.052 369.4)"
fill="#e8424a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-162.504-162.504"
transform="translate(170.004 214.09)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 18.021-18.021v-140.3l-49.357-49.358v176.343z"
transform="translate(377.683 421.769)"
fill="#fed255"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-71.604l49.357 49.357v71.604z"
transform="translate(346.347 285.694)"
fill="#e7b944"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-176.343L-49.357-225.7v176.344z"
transform="translate(296.99 341.075)"
fill="#fed255"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-71.605l49.357 49.357v71.604z"
transform="translate(247.633 186.98)"
fill="#e7b944"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 41.27 41.27V-64.652L0-23.383C-6.457-16.926-6.457-6.457 0 0"
transform="translate(157.006 201.092)"
fill="#fed255"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30.104-129.896c-1.607-6.933-10.209-9.396-15.241-4.364l-99.792 99.792c-5.032 5.031-2.57 13.634 4.363 15.24l129.897 30.105C-4.344 12.392 1.514 6.533 0 0"
transform="translate(504.259 449.296)"
fill="#5af"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 30.104 129.896c1.514 6.534-4.344 12.392-10.877 10.877l-37.291-8.641L-43.215 23.61l27.974-27.973C-10.209-9.396-1.607-6.933 0 0"
transform="translate(474.155 319.4)"
fill="#388fec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-9.635-9.635-2.225-17.044-11.86-26.679-9.636-9.635-17.045-2.226-26.681-11.862s-2.227-17.045-11.862-26.681"
transform="translate(170.98 128.361)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-30.104-129.896c-1.607-6.933-10.209-9.396-15.241-4.364l-99.792 99.792c-5.032 5.031-2.57 13.634 4.363 15.24l129.897 30.105C-4.344 12.392 1.514 6.533 0 0Z"
transform="translate(504.259 449.296)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-207.926-207.926c-6.457-6.457-6.457-16.926 0-23.383l64.789-64.789c6.457-6.457 16.926-6.457 23.383 0L88.172-88.172"
transform="translate(364.932 409.018)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-8.975-8.975c-4.812-4.811-4.812-12.612 0-17.422L5.331-40.704c4.811-4.812 12.612-4.812 17.423 0l8.975 8.975"
transform="translate(173.536 161.179)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v43.643"
transform="translate(247.633 248.076)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v102.757"
transform="translate(247.633 115.375)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-176.343"
transform="translate(296.99 341.075)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-105.922"
transform="translate(198.275 242.361)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v114.798"
transform="translate(395.704 263.447)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-99.981"
transform="translate(346.347 314.071)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-46.351"
transform="translate(346.347 390.433)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category