Add icons to this collection by clicking the heart icon.
Firework icon - also known as chinese, celebration, rocket, new year, firework, and birthday and party. Created in a clean lineal color style with a white, gray, black, yellow, 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>
<path
d="M195.568 7.5h-25.47v174.134h25.47z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#6c5e69"
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-26.115-5.066v-33.443a5.864 5.864 0 0 1 5.863-5.864h108.74a5.864 5.864 0 0 1 5.865 5.864v33.443L73.318 2.292Z"
transform="translate(118.78 198.115)"
fill="#ff7383"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-35.662-7.474v-145.808l45.208-11.647h40.477l34.783 11.647V-7.474L54.988 2.238Z"
transform="translate(128.328 369.625)"
fill="#ff7383"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v39.307h-120.468V0l80.722-11.647z"
transform="translate(213.133 385.445)"
fill="#ff7383"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-17.565 5.722V-151.69L0-145.809Z"
transform="translate(213.133 362.15)"
fill="#ff546a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-38.59l17.565 5.148V5.864H-5.864A5.864 5.864 0 0 0 0 0"
transform="translate(195.568 418.887)"
fill="#ff546a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-39.587a5.864 5.864 0 0 0-5.864-5.864h17.565a5.864 5.864 0 0 1 5.864 5.864v33.442z"
transform="translate(195.568 199.193)"
fill="#ff546a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h70.383a5.865 5.865 0 0 1 5.864 5.864V271.01H-44.222V5.864A5.864 5.864 0 0 1-38.357 0H-29"
transform="translate(136.887 153.742)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M213.134 362.151H92.664v23.293h120.47z"
fill="#ffe270"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M195.568 362.151h17.565v23.294h-17.565z"
fill="#ffd250"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M213.134 193.048H92.664v23.294h120.47z"
fill="#ffe270"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M195.568 193.048h17.565v23.294h-17.565z"
fill="#ffd250"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M213.134 193.048H92.664v23.294h120.47z"
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-23.58 23.58a9.198 9.198 0 0 0 0 13.008L0 60.168a9.197 9.197 0 0 0 13.007 0l23.58-23.58a9.198 9.198 0 0 0 0-13.008L13.007 0A9.197 9.197 0 0 0 0 0"
transform="translate(142.731 263.974)"
fill="#faf7f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-23.58 23.58a9.197 9.197 0 0 1-13.007 0l-2.518-2.518L-18.043 0a9.198 9.198 0 0 0 0-13.008l-21.062-21.061 2.518-2.519a9.197 9.197 0 0 1 13.007 0L0-13.008A9.198 9.198 0 0 1 0 0"
transform="translate(178.173 300.562)"
fill="#f0eef0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-23.58 23.58a9.198 9.198 0 0 0 0 13.008L0 60.168a9.197 9.197 0 0 0 13.007 0l23.58-23.58a9.198 9.198 0 0 0 0-13.008L13.007 0A9.197 9.197 0 0 0 0 0Z"
transform="translate(142.731 263.974)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M92.665 362.151h120.469v23.293H92.665Z"
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.55-65.627c-6.999-5.773-2.916-17.14 6.157-17.14H85.708c9.073 0 13.156 11.367 6.157 17.14L12.315 0A9.675 9.675 0 0 1 0 0"
transform="translate(146.742 502.288)"
fill="#ffe270"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-79.55 65.627a9.675 9.675 0 0 1-12.315 0l-8.012-6.609L-28.339 0c6.999-5.773 2.916-17.14-6.158-17.14h28.34C2.916-17.14 6.999-5.773 0 0"
transform="translate(238.607 436.66)"
fill="#ffd250"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M167.787 137.904h25.47v15.838h-25.47z"
fill="#574d56"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M195.568 7.5h-25.47v146.241h25.47z"
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 0s-27.083-8.455-25.431-33.556c1.652-25.101-21.137-26.737-21.137-26.737"
transform="translate(167.787 153.742)"
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.917 4.294"
transform="translate(102.447 102.846)"
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-7.995"
transform="translate(116.43 75.136)"
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-7.927-2.636"
transform="translate(99.656 83.03)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M401.769 7.5h-25.47v174.134h25.47z"
fill="#6c5e69"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-26.116-5.066v-33.443a5.865 5.865 0 0 1 5.864-5.864h108.74a5.864 5.864 0 0 1 5.865 5.864v33.443L73.317 2.292Z"
transform="translate(324.982 198.115)"
fill="#ff7383"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-35.663-7.474v-145.808l45.209-11.647h40.477l34.783 11.647V-7.474L54.988 2.238Z"
transform="translate(334.529 369.625)"
fill="#ff7383"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v39.307h-120.469V0l80.723-11.647z"
transform="translate(419.335 385.445)"
fill="#ff7383"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-17.565 5.722V-151.69L0-145.809Z"
transform="translate(419.335 362.15)"
fill="#ff546a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-38.59l17.565 5.148V5.864H-5.864A5.864 5.864 0 0 0 0 0"
transform="translate(401.77 418.887)"
fill="#ff546a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-39.587a5.864 5.864 0 0 0-5.864-5.864h17.565a5.864 5.864 0 0 1 5.864 5.864v33.442z"
transform="translate(401.77 199.193)"
fill="#ff546a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-108.74a5.864 5.864 0 0 0-5.864 5.864V271.01H5.864V5.864A5.864 5.864 0 0 0 0 0Z"
transform="translate(413.47 153.742)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M419.335 362.151H298.866v23.293h120.469z"
fill="#ffe270"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M401.769 362.151h17.565v23.294h-17.565z"
fill="#ffd250"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M419.335 193.048H298.866v23.294h120.469z"
fill="#ffe270"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M401.769 193.048h17.565v23.294h-17.565z"
fill="#ffd250"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-23.58 23.58a9.196 9.196 0 0 0 0 13.008L0 60.168a9.197 9.197 0 0 0 13.007 0l23.58-23.58a9.198 9.198 0 0 0 0-13.008L13.007 0A9.197 9.197 0 0 0 0 0"
transform="translate(348.932 263.974)"
fill="#faf7f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-23.58 23.58a9.198 9.198 0 0 1-13.008 0l-2.517-2.518L-18.043 0a9.198 9.198 0 0 0 0-13.008l-21.062-21.061 2.517-2.519a9.198 9.198 0 0 1 13.008 0L0-13.008A9.198 9.198 0 0 1 0 0"
transform="translate(384.374 300.562)"
fill="#f0eef0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-23.58 23.58a9.196 9.196 0 0 0 0 13.008L0 60.168a9.197 9.197 0 0 0 13.007 0l23.58-23.58a9.198 9.198 0 0 0 0-13.008L13.007 0A9.197 9.197 0 0 0 0 0Z"
transform="translate(348.932 263.974)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M298.866 362.151h120.469v23.293H298.866Z"
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.55-65.627c-7-5.773-2.917-17.14 6.157-17.14H85.708c9.073 0 13.156 11.367 6.157 17.14L12.314 0A9.673 9.673 0 0 1 0 0"
transform="translate(352.943 502.288)"
fill="#ffe270"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-79.551 65.627a9.673 9.673 0 0 1-12.314 0l-8.013-6.609L-28.34 0c7-5.773 2.917-17.14-6.157-17.14h28.34C2.916-17.14 6.999-5.773 0 0"
transform="translate(444.808 436.66)"
fill="#ffd250"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-79.55-65.627c-7-5.773-2.917-17.14 6.157-17.14H85.708c9.073 0 13.156 11.367 6.157 17.14L12.314 0A9.673 9.673 0 0 1 0 0Z"
transform="translate(352.943 502.288)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M373.988 137.904h25.47v15.838h-25.47z"
fill="#574d56"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M401.769 7.5h-25.47v146.241h25.47z"
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 0s-27.083-8.455-25.432-33.556c1.652-25.101-21.137-26.737-21.137-26.737"
transform="translate(373.988 153.742)"
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.917 4.294"
transform="translate(308.648 102.846)"
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-7.995"
transform="translate(322.63 75.136)"
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-7.927-2.636"
transform="translate(305.857 83.03)"
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-68.363v-23.294H52.105V0H29"
transform="translate(367.23 216.342)"
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-20.83-17.184c-6.999-5.774-2.916-17.14 6.157-17.14h159.101c9.073 0 13.156 11.366 6.157 17.14l-79.55 65.627a9.675 9.675 0 0 1-12.315 0l-36.218-29.88"
transform="translate(88.022 453.845)"
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