Add icons to this collection by clicking the heart icon.
Fireworks icon - also known as party, celebration, rocket, fireworks, and birthday and party. Created in a clean lineal color style with a silver, black, red, yellow, olive, 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 21.43-18.263 28.067-2.24 2.24-28.067L70-70 51.737-91.43l-2.24-28.067-28.067-2.24L0-140l-21.43 18.263-28.067 2.24-2.24 28.067L-70-70l18.263 21.43 2.24 28.067 28.067 2.24z"
transform="matrix(1.33333 0 0 -1.33333 341.333 187.976)"
fill="#ffd815"
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-2.24 28.067-25.869 2.065a23.906 23.906 0 0 1 4.145-7.04c7.627-8.95 7.627-22.113 0-31.062a23.946 23.946 0 0 1-5.644-13.626c-.935-11.721-10.242-21.028-21.963-21.964a23.952 23.952 0 0 1-13.627-5.644c-8.949-7.627-22.112-7.627-31.061 0a23.934 23.934 0 0 1-7.04 4.146l2.064-25.87 28.068-2.239 21.43-18.263 21.43 18.263 28.067 2.239L0-42.861 18.263-21.43z"
transform="translate(307.737 322.448)"
fill="#f4ba00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 28.067 2.24 21.43 18.263L70.928 2.24 98.995 0l2.24-28.067 18.262-21.43-18.262-21.431-2.24-28.067-28.067-2.24-21.431-18.262-21.43 18.262L0-98.995l-2.24 28.067-18.263 21.431 12.069 14.161"
transform="translate(206.502 350.515)"
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 0c1.751-10.904-5.669-21.164-16.573-22.915-10.904-1.751-21.164 5.669-22.915 16.573-1.751 10.905 5.669 21.164 16.573 22.915C-12.011 18.324-1.751 10.904 0 0"
transform="translate(403.744 432.189)"
fill="#76e5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.007 6.273-4.838 11.379-9.979 14.264a19.907 19.907 0 0 0 2.321-6.606c1.751-10.905-5.669-21.164-16.573-22.915a19.9 19.9 0 0 0-12.936 2.309c3.987-7.101 12.084-11.333 20.594-9.967C-5.669-21.164 1.751-10.904 0 0"
transform="translate(403.744 432.189)"
fill="#76e5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c1.751-10.904-5.669-21.164-16.573-22.915-10.904-1.751-21.164 5.669-22.915 16.573-1.751 10.905 5.669 21.164 16.573 22.915C-12.011 18.324-1.751 10.904 0 0Z"
transform="translate(403.744 432.189)"
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 27"
transform="translate(324.5 369.518)"
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 0c10.904 1.751 21.164-5.669 22.915-16.573 1.751-10.904-5.669-21.164-16.573-22.915-10.905-1.751-21.164 5.669-22.915 16.573C-18.324-12.011-10.904-1.751 0 0"
transform="translate(252.83 501.781)"
fill="#73e014"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.007 6.273-4.838 11.379-9.979 14.264a19.907 19.907 0 0 0 2.321-6.606c1.751-10.905-5.669-21.164-16.573-22.915a19.9 19.9 0 0 0-12.936 2.309c3.987-7.101 12.084-11.333 20.594-9.967C-5.669-21.164 1.751-10.904 0 0"
transform="translate(275.744 485.207)"
fill="#66c609"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c10.904 1.751 21.164-5.669 22.915-16.573 1.751-10.904-5.669-21.164-16.573-22.915-10.905-1.751-21.164 5.669-22.915 16.573C-18.324-12.011-10.904-1.751 0 0Z"
transform="translate(252.83 501.781)"
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 0v38.184"
transform="translate(256 397.891)"
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 0c10.904 1.751 21.164-5.669 22.915-16.573 1.751-10.905-5.669-21.164-16.573-22.915-10.905-1.751-21.164 5.669-22.915 16.573C-18.324-12.011-10.904-1.751 0 0"
transform="translate(124.83 448.762)"
fill="#ff2e2e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.007 6.273-4.838 11.379-9.979 14.264a19.907 19.907 0 0 0 2.321-6.606c1.751-10.905-5.669-21.164-16.573-22.915a19.9 19.9 0 0 0-12.936 2.309c3.987-7.101 12.084-11.333 20.594-9.967C-5.669-21.164 1.751-10.904 0 0"
transform="translate(147.744 432.188)"
fill="#ff2e2e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c10.904 1.751 21.164-5.669 22.915-16.573 1.751-10.905-5.669-21.164-16.573-22.915-10.905-1.751-21.164 5.669-22.915 16.573C-18.324-12.011-10.904-1.751 0 0Z"
transform="translate(124.83 448.762)"
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 27"
transform="translate(187.5 369.518)"
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 0c6.472 8.949 18.973 10.956 27.922 4.484 8.949-6.472 10.957-18.973 4.485-27.922-6.473-8.949-18.974-10.957-27.923-4.484C-4.465-21.45-6.472-8.949 0 0"
transform="translate(58.777 312.737)"
fill="#ffd815"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.007 6.273-4.838 11.379-9.979 14.264a19.907 19.907 0 0 0 2.321-6.606c1.751-10.905-5.669-21.164-16.573-22.915a19.9 19.9 0 0 0-12.936 2.309c3.987-7.101 12.084-11.333 20.594-9.967C-5.669-21.164 1.751-10.904 0 0"
transform="translate(94.723 304.19)"
fill="#f4ba00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c6.472 8.949 18.973 10.956 27.922 4.484 8.949-6.472 10.957-18.973 4.485-27.922-6.473-8.949-18.974-10.957-27.923-4.484C-4.465-21.45-6.472-8.949 0 0Z"
transform="translate(58.777 312.737)"
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-38.184"
transform="translate(159.126 301.018)"
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-1.751 10.904 5.669 21.164 16.573 22.915 10.904 1.751 21.164-5.669 22.915-16.573 1.751-10.905-5.669-21.164-16.573-22.915C12.011-18.324 1.751-10.904 0 0"
transform="translate(108.256 169.847)"
fill="#76e5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.007 6.273-4.838 11.379-9.979 14.264a19.907 19.907 0 0 0 2.321-6.606c1.751-10.905-5.669-21.164-16.573-22.915a19.9 19.9 0 0 0-12.936 2.309c3.987-7.101 12.084-11.333 20.594-9.967C-5.669-21.164 1.751-10.904 0 0"
transform="translate(147.744 176.188)"
fill="#76e5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.751 10.904 5.669 21.164 16.573 22.915 10.904 1.751 21.164-5.669 22.915-16.573 1.751-10.905-5.669-21.164-16.573-22.915C12.011-18.324 1.751-10.904 0 0Z"
transform="translate(108.256 169.847)"
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-27"
transform="translate(187.5 232.518)"
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-8.949 6.472-10.956 18.973-4.484 27.922 6.472 8.949 18.973 10.957 27.922 4.485 8.949-6.473 10.957-18.974 4.484-27.923C21.45-4.465 8.949-6.472 0 0"
transform="translate(244.281 103.795)"
fill="#ffd815"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.007 6.273-4.838 11.379-9.979 14.264a19.907 19.907 0 0 0 2.321-6.606c1.751-10.905-5.669-21.164-16.573-22.915a19.9 19.9 0 0 0-12.936 2.309c3.987-7.101 12.084-11.333 20.594-9.967C-5.669-21.164 1.751-10.904 0 0"
transform="translate(275.743 123.17)"
fill="#f4ba00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.949 6.472-10.956 18.973-4.484 27.922 6.472 8.949 18.973 10.957 27.922 4.485 8.949-6.473 10.957-18.974 4.484-27.923C21.45-4.465 8.949-6.472 0 0Z"
transform="translate(244.281 103.795)"
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-38.184"
transform="translate(256 204.144)"
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-10.904-1.751-21.164 5.669-22.915 16.573-1.751 10.904 5.669 21.164 16.573 22.915 10.905 1.751 21.164-5.669 22.915-16.573C18.324 12.011 10.904 1.751 0 0"
transform="translate(387.17 153.274)"
fill="#ff2e2e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.007 6.273-4.838 11.379-9.979 14.264a19.907 19.907 0 0 0 2.321-6.606c1.751-10.905-5.669-21.164-16.573-22.915a19.9 19.9 0 0 0-12.936 2.309c3.987-7.101 12.084-11.333 20.594-9.967C-5.669-21.164 1.751-10.904 0 0"
transform="translate(403.744 176.188)"
fill="#ff2e2e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.904-1.751-21.164 5.669-22.915 16.573-1.751 10.904 5.669 21.164 16.573 22.915 10.905 1.751 21.164-5.669 22.915-16.573C18.324 12.011 10.904 1.751 0 0Z"
transform="translate(387.17 153.274)"
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-27"
transform="translate(324.5 232.518)"
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.472-8.949-18.973-10.957-27.922-4.484-8.949 6.472-10.957 18.973-4.485 27.922 6.473 8.949 18.974 10.956 27.923 4.484C4.465 21.45 6.472 8.949 0 0"
transform="translate(453.223 289.299)"
fill="#ffd815"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.007 6.273-4.838 11.379-9.979 14.264a19.907 19.907 0 0 0 2.321-6.606c1.751-10.905-5.669-21.164-16.573-22.915a19.9 19.9 0 0 0-12.936 2.309c3.987-7.101 12.084-11.333 20.594-9.967C-5.669-21.164 1.751-10.904 0 0"
transform="translate(456.762 304.19)"
fill="#f4ba00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-6.472-8.949-18.973-10.957-27.922-4.484-8.949 6.472-10.957 18.973-4.485 27.922 6.473 8.949 18.974 10.956 27.923 4.484C4.465 21.45 6.472 8.949 0 0Z"
transform="translate(453.223 289.299)"
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 0h38.184"
transform="translate(352.874 301.018)"
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 0v62"
transform="translate(256 10)"
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 0s17.667 79 60 127"
transform="translate(292 10)"
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-17.667 79-60 127"
transform="translate(220 10)"
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(470 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 0h-30"
transform="translate(485 158)"
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(71 99)"
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(86 84)"
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(468 418)"
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(483 403)"
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(46 476)"
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(61 461)"
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