Add icons to this collection by clicking the heart icon.
Fireworks icon - also known as celebration, fireworks, petard, event, firecracker, and birthday and party. Created in a clean flat style with a silver, gray, red, yellow, 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="512"
height="512"
viewBox="0 0 64 64"
>
<circle cx="12" cy="37" r="3" fill="#f3c14f" />
<path
fill="#f8d859"
d="M9 37a2.962 2.962 0 0 0 .184 1H10a2.96 2.96 0 0 0 2.86-3.86A2.96 2.96 0 0 0 9 37z"
/>
<circle cx="7" cy="19" r="3" fill="#c33f38" />
<path
fill="#e25241"
d="M4 19a2.962 2.962 0 0 0 .184 1H5a2.96 2.96 0 0 0 2.86-3.86A2.96 2.96 0 0 0 4 19z"
/>
<circle cx="44" cy="5" r="3" fill="#f3c14f" />
<path
fill="#f8d859"
d="M41 5a2.962 2.962 0 0 0 .184 1H42a3 3 0 0 0 3-3 2.983 2.983 0 0 0-.14-.86A2.96 2.96 0 0 0 41 5z"
/>
<circle cx="20" cy="5" r="3" fill="#518c46" />
<path
fill="#5d9d52"
d="M17 5a2.962 2.962 0 0 0 .184 1H18a3 3 0 0 0 3-3 2.983 2.983 0 0 0-.14-.86A2.96 2.96 0 0 0 17 5z"
/>
<path fill="#bfc8ce" d="M26 34h12v28H26z" />
<path fill="#d9dee2" d="M26 34v25h5a4 4 0 0 0 4-4V34z" />
<circle cx="52" cy="37" r="3" fill="#518c46" />
<path fill="#f3c14f" d="M31 27h2v7h-2z" />
<path
fill="#94a4ad"
d="m9.29 10.708 1.414-1.414 12.998 12.998-1.414 1.414zM24.286 25.71l1.414-1.413 2.001 2-1.414 1.414zM40.287 22.295 53.285 9.297 54.7 10.71 41.701 23.709zM36.287 26.295l2.001-2.001 1.414 1.414-2 2zM31 18.999h2V22h-2zM31 1h2v16h-2z"
/>
<path
fill="#c33f38"
d="M26.456 42H26v4h.456A12.33 12.33 0 0 0 38 38v-4a12.33 12.33 0 0 1-11.544 8zM26.456 54H26v4h.456A12.33 12.33 0 0 0 38 50v-4a12.33 12.33 0 0 1-11.544 8z"
/>
<g fill="#f3c14f">
<path
d="M14 25h2v2h-2zM14 29h2v2h-2zM12 27h2v2h-2zM16 27h2v2h-2zM48 25h2v2h-2zM48 29h2v2h-2zM46 27h2v2h-2zM50 27h2v2h-2zM39 11h2v2h-2zM39 15h2v2h-2zM37 13h2v2h-2zM41 13h2v2h-2zM23 11h2v2h-2zM23 15h2v2h-2zM21 13h2v2h-2zM25 13h2v2h-2z"
/>
</g>
<path
fill="#e25241"
d="M35 42.554v-4A12.32 12.32 0 0 1 26.456 42H26v4h.456A12.32 12.32 0 0 0 35 42.554zM35 54.554v-4A12.32 12.32 0 0 1 26.456 54H26v4h.456A12.32 12.32 0 0 0 35 54.554z"
/>
<path
fill="#5d9d52"
d="M49 37a2.962 2.962 0 0 0 .184 1H50a2.96 2.96 0 0 0 2.86-3.86A2.96 2.96 0 0 0 49 37z"
/>
<circle cx="57" cy="19" r="3" fill="#c33f38" />
<path
fill="#e25241"
d="M54 19a2.962 2.962 0 0 0 .184 1H55a2.96 2.96 0 0 0 2.86-3.86A2.96 2.96 0 0 0 54 19z"
/>
</svg>
More icons in the same style and category