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, red, and navy 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M362.51 140.295c.5-2.897-.219-5.857-1.979-8.202l-96-128.06c-4.021-5.378-13.042-5.378-17.063 0l-96 128.06a10.636 10.636 0 0 0-1.979 8.202 10.659 10.659 0 0 0 4.594 7.076c.551.369 6.182 3.961 16.583 8.199v217.698a10.66 10.66 0 0 0 3.729 8.098c1.12.967 27.863 23.198 79.555 23.809-1.462 3.294-3.599 6.091-6.284 9.446-5.792 7.253-13 16.268-13 33.349 0 17.081 7.208 26.096 13 33.349 5.021 6.274 8.333 10.411 8.333 20.009 0 5.899 4.771 10.672 10.667 10.672s10.667-4.773 10.667-10.672c0-17.081-7.208-26.096-13-33.349-5.021-6.274-8.333-10.411-8.333-20.009s3.313-13.736 8.333-20.009c4.594-5.754 9.924-12.805 11.995-23.924 39.702-4.705 60.297-21.825 61.276-22.671a10.656 10.656 0 0 0 3.729-8.098V155.57c10.401-4.238 16.033-7.83 16.583-8.199a10.656 10.656 0 0 0 4.594-7.076z"
fill="#303c42"
/>
<path
d="m256 28.448 79.854 106.469c-13.49 5.802-40.219 14.417-79.854 14.417s-66.365-8.615-79.854-14.417L256 28.448z"
fill="#d32f2f"
/>
<path
d="m256 28.448 43.41 86.659c5.855 11.689.094 26.167-12.438 29.889-8.496 2.523-18.827 4.337-30.973 4.337 39.635 0 66.365-8.615 79.854-14.417L256 28.448z"
opacity=".1"
/>
<linearGradient
id="a"
x1="-37.156"
x2="-33.823"
y1="642.927"
y2="641.372"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M212.59 115.107 256 28.448l-79.854 106.469c13.49 5.802 40.219 14.417 79.854 14.417-12.146 0-22.477-1.814-30.973-4.337-12.531-3.724-18.293-18.201-12.437-29.89z"
fill="url(#a)"
/>
<path
d="M192 225.109c20.417 12.932 59.646 29.065 128 30.642v64.016c-85.624-2.069-119.71-28.134-128-36.003v-58.655z"
fill="#d32f2f"
/>
<path
d="M256 384c-34.385 0-55.854-11.031-64-16.177v-57.38c20.417 12.932 59.646 29.065 128 30.642v26.738C311.813 373 290.354 384 256 384zM320 234.434c-85.624-2.069-119.71-28.134-128-36.003v-35.677c16.204 4.327 37.376 7.913 64 7.913 26.624 0 47.796-3.586 64-7.913v71.68z"
fill="#fafafa"
/>
<path
d="M320 319.767v-64.016c-7.505-.173-14.517-.589-21.333-1.089v63.801c6.867.541 13.656 1.119 21.333 1.304zM282.48 354.426c-11.246 4.284-27.211 8.241-47.814 8.241-17.673 0-31.874-2.922-42.667-6.453v11.609c8.146 5.146 29.615 16.177 64 16.177 34.354 0 55.813-11 64-16.177v-26.738a422.499 422.499 0 0 1-23.06-1.177c-2.488 6.543-7.604 11.907-14.459 14.518zM320 234.434v-71.68c-6.277 1.676-13.538 3.158-21.333 4.445v65.931c6.867.541 13.656 1.119 21.333 1.304z"
opacity=".1"
/>
<linearGradient
id="b"
x1="-40.917"
x2="-29.224"
y1="637.5"
y2="632.048"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M362.51 140.295c.5-2.897-.219-5.857-1.979-8.202l-96-128.06c-4.021-5.378-13.042-5.378-17.063 0l-96 128.06a10.636 10.636 0 0 0-1.979 8.202 10.659 10.659 0 0 0 4.594 7.076c.551.369 6.182 3.961 16.583 8.199v217.698a10.66 10.66 0 0 0 3.729 8.098c1.12.967 27.863 23.198 79.555 23.809-1.462 3.294-3.599 6.091-6.284 9.446-5.792 7.253-13 16.268-13 33.349 0 17.081 7.208 26.096 13 33.349 5.021 6.274 8.333 10.411 8.333 20.009 0 5.899 4.771 10.672 10.667 10.672s10.667-4.773 10.667-10.672c0-17.081-7.208-26.096-13-33.349-5.021-6.274-8.333-10.411-8.333-20.009s3.313-13.736 8.333-20.009c4.594-5.754 9.924-12.805 11.995-23.924 39.702-4.705 60.297-21.825 61.276-22.671a10.656 10.656 0 0 0 3.729-8.098V155.57c10.401-4.238 16.033-7.83 16.583-8.199a10.656 10.656 0 0 0 4.594-7.076z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category