Add icons to this collection by clicking the heart icon.
Firework icon - also known as christmas, party, celebration, rocket, petard, firecracker, and firework. Created in a clean lineal 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="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="M344.571 118.545h-138.25v274.03h138.25z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffe08c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M206.322 374.575h138.25v18h-138.25z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#f9d375"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 134.11 134.11H63.271L0 70.85Z"
transform="matrix(1.33333 0 0 -1.33333 275.094 338.048)"
fill="#36ce94"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-136.479-136.479-1.77 69.08L0 70.85Z"
transform="matrix(1.33333 0 0 -1.33333 459.426 342.635)"
fill="#36ce94"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 65.64 65.641L65.642 0Z"
transform="matrix(1.33333 0 0 -1.33333 371.906 524.608)"
fill="#36ce94"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M344.571 8h-32.822v110.544h32.822z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#e4936b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M311.75 100.544h32.822v18H311.75Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#db835d"
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 0-79.11 97.943c-5.901 7.306-17.038 7.306-22.94 0L-181.16 0c-2.596-3.214-.308-8.003 3.824-8.003H-3.823C.308-8.003 2.596-3.214 0 0"
transform="translate(366.91 400.577)"
fill="#f7594e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h70.842l18 18H18.003Z"
transform="translate(251.589 374.574)"
fill="#36bf84"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M344.571 118.545h-138.25v274.03h138.25z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M344.571 118.545h-138.25v274.03h138.25z"
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-63.271-63.261"
transform="translate(269.592 392.574)"
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-78.229-78.229"
transform="translate(284.55 336.693)"
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-34.668-34.668"
transform="translate(340.431 392.574)"
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-138.249-138.249"
transform="translate(344.57 325.873)"
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-36.869-36.869"
transform="translate(244.959 155.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 0-78.397-78.397"
transform="translate(344.57 255.023)"
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-65.64-65.641"
transform="translate(344.57 184.185)"
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-40.272h-32.822V70.271H0V30"
transform="translate(344.571 48.273)"
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-79.11 97.943c-5.901 7.306-17.038 7.306-22.94 0L-181.16 0c-2.596-3.214-.308-8.003 3.824-8.003H-3.823C.308-8.003 2.596-3.214 0 0Z"
transform="translate(366.91 400.577)"
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 0s7.634-69.947-80.073-69.947"
transform="translate(269.592 118.544)"
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 0h14.232"
transform="translate(143.99 48.597)"
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 9.477 10.619"
transform="translate(159.204 14.628)"
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 9.477-10.619"
transform="translate(159.204 82.566)"
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