Add icons to this collection by clicking the heart icon.
Sparkler icon - also known as celebration, fireworks, event, firecracker, sparkler, and birthday and party. Created in a clean lineal color style with a black, red, teal, 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 0c5.858-5.858 5.858-15.355 0-21.213l-21.213-21.213-21.213 21.213L-21.213 0C-15.355 5.858-5.857 5.858 0 0"
transform="translate(380.106 380.106)"
fill="#ff5233"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.857-5.858 5.857-15.355 0-21.213l-51.213-51.214-31.82-10.606 10.606 31.82L-21.213 0C-15.355 5.858-5.858 5.858 0 0"
transform="translate(358.894 358.894)"
fill="#ff6e2e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-151.726-151.726c-5.858-5.858-15.355-5.858-21.213 0-5.858 5.858-5.858 15.355 0 21.213L-21.213 21.213Z"
transform="translate(307.68 286.467)"
fill="#135772"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-18.136-37.123L0-74.246l-37.123 18.135-37.123-18.135 18.136 37.123L-74.246 0l37.123-18.136Z"
transform="translate(504.5 504.5)"
fill="#ffd567"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 37.123-18.136L74.246 0 56.11-37.123l18.136-37.123-37.123 18.135L0-74.246l18.136 37.123Z"
transform="translate(234.5 504.5)"
fill="#ffd567"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-37.123 18.136L-74.246 0l18.136 37.123-18.136 37.123 37.123-18.135L0 74.246l-18.136-37.123Z"
transform="translate(504.5 234.5)"
fill="#ffd567"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 0 0 10.606 7.499 7.499 0 0 0 10.607 0A7.5 7.5 0 0 0 0 0"
transform="translate(364.196 409.197)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 0-7.5 7.5A7.5 7.5 0 1 0 0 0"
transform="translate(337.68 393.82)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 0 7.5-7.5A7.5 7.5 0 1 0 0 0"
transform="translate(401.32 345.18)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 1 0 10.607-10.607A7.5 7.5 0 0 0 0 0"
transform="translate(409.196 374.803)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 1 0 15 0A7.5 7.5 0 0 0 0 0"
transform="translate(393.82 401.32)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 137.683 137.683c5.859 5.858 5.859 15.355 0 21.213-5.857 5.858-15.355 5.858-21.213 0L-107.683-65.257c-5.858-5.858-5.858-15.355 0-21.213 5.858-5.858 15.355-5.858 21.213 0l65.257 65.257"
transform="translate(242.423 221.21)"
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 21.214-21.213"
transform="translate(286.467 307.68)"
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 127.241 127.241"
transform="translate(7.5 7.5)"
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-18.136-37.123L0-74.246l-37.123 18.135-37.123-18.135 18.136 37.123L-74.246 0l37.123-18.136Z"
transform="translate(504.5 504.5)"
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 37.123-18.136L74.246 0 56.11-37.123l18.136-37.123-37.123 18.135L0-74.246l18.136 37.123Z"
transform="translate(234.5 504.5)"
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-37.123 18.136L-74.246 0l18.136 37.123-18.136 37.123 37.123-18.135L0 74.246l-18.136-37.123Z"
transform="translate(504.5 234.5)"
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 0v30"
transform="translate(369.5 444.5)"
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 0h30"
transform="translate(354.5 459.5)"
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 0h30"
transform="translate(444.5 369.5)"
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(459.5 384.5)"
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