Add icons to this collection by clicking the heart icon.
Firework icon - also known as celebration, rocket, fireworks, petard, event, firecracker, firework, and birthday and party. Created in a clean lineal color style with a silver, black, yellow, magenta, 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>
<path
d="m0 0 20-37-20 5-4-25-10 10-8-20-8 20-10-10-4 25-20-5 20 37z"
transform="matrix(1.33333 0 0 -1.33333 370.667 452)"
fill="#ffd815"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h72L0 76-72 0Z"
transform="matrix(1.33333 0 0 -1.33333 341.333 114.667)"
fill="#ffd815"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-13-13.722L46-76h26z"
transform="matrix(1.33333 0 0 -1.33333 341.333 13.333)"
fill="#f4ba00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-252h-92V0Z"
transform="matrix(1.33333 0 0 -1.33333 402.667 116)"
fill="#76e5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M279 173h23v252h-23z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#19e2f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-92-20v36L0 36Z"
transform="matrix(1.33333 0 0 -1.33333 402.667 190)"
fill="#d638cb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 23 5v36L0 36Z"
transform="matrix(1.33333 0 0 -1.33333 372 196.667)"
fill="#c61ec2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-92-20v36L0 36Z"
transform="matrix(1.33333 0 0 -1.33333 402.667 294.667)"
fill="#d638cb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 23 5v36L0 36Z"
transform="matrix(1.33333 0 0 -1.33333 372 301.333)"
fill="#c61ec2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-92-20v36L0 36Z"
transform="matrix(1.33333 0 0 -1.33333 402.667 399.333)"
fill="#d638cb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 23 5v36L0 36Z"
transform="matrix(1.33333 0 0 -1.33333 372 406)"
fill="#c61ec2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-15.288-12.394-27.682-27.682-27.682-15.288 0-27.682 12.394-27.682 27.682 0 15.288 12.394 27.682 27.682 27.682C-12.394 27.682 0 15.288 0 0"
transform="translate(445.682 237)"
fill="#ffd815"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a27.542 27.542 0 0 0 4.443-15.034c0-15.288-12.393-27.682-27.682-27.682a27.542 27.542 0 0 0-15.033 4.444c4.933-7.61 13.494-12.648 23.238-12.648 15.289 0 27.682 12.393 27.682 27.681C12.648-13.495 7.609-4.933 0 0"
transform="translate(433.034 260.239)"
fill="#f4ba00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-15.288-12.394-27.682-27.682-27.682-15.288 0-27.682 12.394-27.682 27.682 0 15.288 12.394 27.682 27.682 27.682C-12.394 27.682 0 15.288 0 0"
transform="translate(121.682 346)"
fill="#ffd815"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a27.542 27.542 0 0 0 4.443-15.034c0-15.288-12.393-27.682-27.682-27.682a27.542 27.542 0 0 0-15.033 4.444c4.933-7.61 13.494-12.648 23.238-12.648 15.289 0 27.682 12.393 27.682 27.681C12.648-13.495 7.609-4.933 0 0"
transform="translate(109.034 369.238)"
fill="#f4ba00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 20-37-20 5-4-25-10 10-8-20-8 20-10-10-4 25-20-5 20 37"
transform="translate(278 173)"
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-27.648-29.184h144l-72 76L24.534 25.46"
transform="translate(211.648 455.184)"
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-155.25h-92v252H0V35.375"
transform="translate(302 328.25)"
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-92-20v36L0 36Z"
transform="translate(302 369.5)"
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-92-20v36L0 36Z"
transform="translate(302 291)"
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-92-20v36L0 36Z"
transform="translate(302 212.5)"
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 0c0-15.288-12.394-27.682-27.682-27.682-15.288 0-27.682 12.394-27.682 27.682 0 15.288 12.394 27.682 27.682 27.682C-12.394 27.682 0 15.288 0 0Z"
transform="translate(445.682 237)"
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 0v33.409"
transform="translate(418 287.59)"
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 16.874 16.874"
transform="translate(453.773 272.773)"
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 0h33.409"
transform="translate(468.59 237)"
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 16.874-16.874"
transform="translate(453.773 201.227)"
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-33.409"
transform="translate(418 186.41)"
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-16.874-16.874"
transform="translate(382.227 201.227)"
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 0h-33.409"
transform="translate(367.41 237)"
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-16.874 16.874"
transform="translate(382.227 272.773)"
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 0c0-15.288-12.394-27.682-27.682-27.682-15.288 0-27.682 12.394-27.682 27.682 0 15.288 12.394 27.682 27.682 27.682C-12.394 27.682 0 15.288 0 0Z"
transform="translate(121.682 346)"
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 0v33.409"
transform="translate(94 396.59)"
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 16.874 16.874"
transform="translate(129.773 381.773)"
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 0h33.409"
transform="translate(144.59 346)"
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 16.874-16.874"
transform="translate(129.773 310.227)"
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-33.409"
transform="translate(94 295.41)"
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-16.874-16.874"
transform="translate(58.227 310.227)"
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 0h-33.409"
transform="translate(43.41 346)"
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-16.874 16.874"
transform="translate(58.227 381.773)"
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-30"
transform="translate(398 413)"
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 0h-30"
transform="translate(413 398)"
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-30"
transform="translate(293 40)"
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 0h-30"
transform="translate(308 25)"
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-30"
transform="translate(218 91)"
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 0h-30"
transform="translate(233 76)"
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-30"
transform="translate(106 182)"
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 0h-30"
transform="translate(121 167)"
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