Add icons to this collection by clicking the heart icon.
Firework icon - also known as party, celebration, rocket, fireworks, firework, and birthday and party. Created in a clean lineal color style with a white, silver, gray, black, red, teal, navy, orange, and pink 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-17.666-17.666c-11.413-11.413-30.005-12.141-41.751-1.071-9.769 9.204-11.857 23.401-6.266 34.74 2.675 5.427 1.486 11.97-2.792 16.248h-.001c-6.957 6.957-18.684 4.957-22.982-3.893-10.673-21.97-6.73-49.312 11.831-67.315 22.942-22.253 59.749-21.34 82.35 1.26L20.21-20.209z"
transform="translate(104.803 203.781)"
fill="#f8e86a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-125.6-125.601c-3.974-3.973-3.974-10.415 0-14.389l13.7-13.7c3.974-3.974 10.416-3.974 14.389 0L28.09-28.09Z"
transform="translate(158.814 175.537)"
fill="#475066"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 45.614 45.614-28.09 28.09L-28.09 28.09Z"
transform="translate(141.29 101.832)"
fill="#303646"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-72.438 72.438-21.531 61.085 21.524 74.826L.007 280.8l36.935-87.001z"
transform="translate(216.665 68.883)"
fill="#007dcf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-85.918-85.918-35.503 129.316 35.503 159.439 14.295 14.295L0 145.509l33.035-68.206Z"
transform="translate(375.028 219.284)"
fill="#007dcf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 8.616-31.384 85.918 85.918 29.851 69.851z"
transform="translate(280.494 164.749)"
fill="#155ac7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-72.755-72.754V72.755Z"
transform="translate(447.783 292.038)"
fill="#e2e2e2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 7.545 39.583L-12.038 20a5.63 5.63 0 0 0-7.96-.002z"
transform="translate(216.665 68.883)"
fill="#155ac7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-72.438-72.438-.007-280.8a5.63 5.63 0 0 1 7.962 0L0-288.756Z"
transform="translate(289.11 422.121)"
fill="#e2e2e2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 64.483 64.482v40L-7.961 32.038-7.962 0A5.63 5.63 0 0 1 0 0"
transform="translate(224.627 68.883)"
fill="#c1bfc5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-52.755-52.755v-40L20-20Z"
transform="translate(427.783 312.038)"
fill="#c1bfc5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 17.965 212.523c.892 10.555-7.927 19.375-18.483 18.483L-213.04 213.04c-14.5-1.226-20.942-18.846-10.653-29.135L-29.136-10.653C-18.847-20.942-1.226-14.499 0 0"
transform="translate(486.473 262.065)"
fill="#fc5c70"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-1.657-.141-17.825-210.865c-1.227-14.499-18.847-20.942-29.136-10.653l20-20c10.289-10.289 27.909-3.846 29.136 10.653L18.482-18.483C19.375-7.928 10.556.892 0 0"
transform="translate(485.955 493.071)"
fill="#f5334c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a59.434 59.434 0 0 1 18.105 12.384l17.487 17.487-20.21 20.21-17.666-17.666a30.63 30.63 0 0 0-21.161-8.97z"
transform="translate(89.42 153.7)"
fill="#fab659"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-63.971-63.971a5.631 5.631 0 0 1 0-7.962L.006-135.91Z"
transform="translate(144.22 277.231)"
fill="#e2e2e2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-9.059-9.059"
transform="translate(355.664 444.408)"
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.059-9.059"
transform="translate(455.774 344.298)"
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 0c-6.249-.42-12.832 1.9-17.819 6.888-4.989 4.988-7.309 11.571-6.889 17.821"
transform="translate(409.644 373.57)"
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 .004 179.695-72.451-72.452.007-135.91 72.438-72.438L0-29.191"
transform="translate(216.667 169.988)"
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-6.148-6.148c-11.413-11.413-30.004-12.141-41.751-1.071-9.768 9.204-11.856 23.401-6.266 34.74 2.676 5.426 1.486 11.97-2.792 16.248-6.958 6.958-18.684 4.958-22.983-3.893-10.673-21.971-6.729-49.312 11.831-67.314 22.943-22.254 59.749-21.341 82.35 1.259l5.968 5.969z"
transform="translate(93.285 192.263)"
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.97-63.97a5.63 5.63 0 0 1 0-7.963L.007-135.91Z"
transform="translate(144.22 277.231)"
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.814 9.814-101.2-101.199c-3.973-3.973-3.973-10.416 0-14.389l13.701-13.701c3.973-3.973 10.416-3.973 14.389 0l101.199 101.2z"
transform="translate(144.227 141.321)"
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-180.027l85.918 85.918V20.329L0 106.247V29.875"
transform="translate(289.11 313.393)"
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-114.438l57.219 57.219z"
transform="translate(375.028 333.722)"
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-.002-71.914a5.63 5.63 0 0 1 7.963 0L72.443-7.431v180.027"
transform="translate(216.667 140.797)"
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 0v76.371l-1.241 1.241-71.197-71.197-.005-179.695"
transform="translate(289.11 343.269)"
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 17.965 212.523c.892 10.555-7.927 19.374-18.483 18.482L-213.04 213.04c-14.5-1.226-20.942-18.846-10.653-29.135L-29.136-10.653C-18.847-20.942-1.226-14.5 0 0Z"
transform="translate(486.473 262.066)"
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