Add icons to this collection by clicking the heart icon.
Fire Cracker icon - also known as Cracker, celebration, rocket, fireworks, new year, enjoy, birthday and party, and fire cracker. Created in a clean flat gradient style with a black 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="512"
height="512"
viewBox="0 0 53 53"
>
<linearGradient
id="b"
x1="-37.358"
x2="-19.148"
y1="25.488"
y2="25.488"
gradientTransform="matrix(.985 -.17 .17 .985 35.27 16.582)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#727272" />
<stop offset=".853" stop-color="#313131" />
<stop offset="1" stop-color="#262626" />
</linearGradient>
<linearGradient
id="c"
x1="-15.893"
x2="-5.574"
y1="7.875"
y2="18.194"
gradientTransform="matrix(.985 -.17 .17 .985 35.27 16.582)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dae7ed" />
<stop offset=".713" stop-color="#a2b9bd" />
<stop offset="1" stop-color="#8ca6aa" />
</linearGradient>
<linearGradient id="a">
<stop offset=".569" stop-color="#55b4fb" />
<stop offset="1" stop-color="#0d81f3" />
</linearGradient>
<linearGradient
id="d"
x1="255.756"
x2="272.399"
y1="737.742"
y2="748.274"
gradientTransform="matrix(.982 .343 -.576 .817 201.625 -679.219)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="252.209"
x2="268.852"
y1="743.348"
y2="753.88"
gradientTransform="matrix(.982 .343 -.576 .817 201.625 -679.219)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="248.409"
x2="265.052"
y1="749.352"
y2="759.884"
gradientTransform="matrix(.982 .343 -.576 .817 201.625 -679.219)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="245.213"
x2="261.856"
y1="754.402"
y2="764.934"
gradientTransform="matrix(.982 .343 -.576 .817 201.625 -679.219)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="h"
cx="506.709"
cy="-958.484"
r="37.197"
gradientTransform="rotate(-54.81 1192.237 -28.465)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity=".2" />
</radialGradient>
<linearGradient
id="i"
x1="-3.558"
x2="12.715"
y1="-17.386"
y2="10.926"
gradientTransform="matrix(.985 -.17 .17 .985 35.27 16.582)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".404" stop-color="#ff4e61" />
<stop offset="1" stop-color="#c70a30" />
</linearGradient>
<radialGradient
id="j"
cx=".652"
cy="-7.031"
r="3.774"
gradientTransform="matrix(.985 -.17 .17 .985 35.27 16.582)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".306" stop-color="#fff" stop-opacity=".5" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<radialGradient
id="k"
cx=".652"
cy="-7.031"
r="2.795"
gradientTransform="matrix(.985 -.17 .17 .985 35.27 16.582)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".306" stop-color="#fff" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<path
fill="#262626"
d="M12.805 49.514a12.41 12.41 0 0 1-9.328-2.1.927.927 0 1 1 1.07-1.517 10.567 10.567 0 0 0 7.941 1.788c2.8-.484 5.243-2.03 6.88-4.351a.927.927 0 1 1 1.517 1.069 12.41 12.41 0 0 1-8.08 5.11z"
/>
<path
fill="url(#b)"
d="M12.221 49.096a12.41 12.41 0 0 1-9.328-2.1.927.927 0 1 1 1.07-1.517 10.567 10.567 0 0 0 7.942 1.788c2.799-.484 5.242-2.03 6.88-4.351a.927.927 0 1 1 1.516 1.069 12.41 12.41 0 0 1-8.08 5.11z"
/>
<path
fill="url(#c)"
d="m29.61 9.431-18.037 25.58c-5.903 8.374 11.9 20.415 17.803 12.043l17.796-25.24z"
/>
<path
fill="url(#d)"
d="m45.545 24.121 1.627-2.307-.75-.529c-8.353 2.11-17.006.852-22.84-3.306l-1.765 2.504c6.24 4.106 15.047 5.455 23.728 3.638z"
/>
<path
fill="url(#e)"
d="m40.7 30.993 2.27-3.22c-8.772 2.626-18.074 1.468-24.233-2.921l-1.765 2.503c6.24 4.106 15.046 5.455 23.727 3.638z"
/>
<path
fill="url(#f)"
d="m13.891 31.724-1.765 2.503c6.24 4.107 15.047 5.455 23.728 3.639l2.27-3.22c-8.772 2.626-18.073 1.467-24.233-2.922z"
/>
<path
fill="url(#g)"
d="M10.46 39.513c.183 1.397.793 2.78 1.702 4.061 5.566 2.102 12.243 2.546 18.846 1.164l2.27-3.22c-8.124 2.432-16.702 1.616-22.818-2.005z"
/>
<path
fill="url(#h)"
d="M29.61 9.431 11.572 35.012c-4.017 5.697 2.942 13.078 9.659 14.585 7.411-9.41 16.656-23.212 20.949-31.302z"
/>
<path
fill="url(#i)"
d="M46.816 3.673c-2.85-2.01-15.943 1.933-20.179 3.286-1.1.351-1.952 1.28-2.105 2.425-1.057 7.893 17.31 20.843 24.39 17.197 1.026-.53 1.615-1.644 1.576-2.798-.148-4.444-.832-18.1-3.682-20.11z"
/>
<circle cx="34.714" cy="9.543" r="3.774" fill="url(#j)" />
<path
fill="url(#k)"
d="m35.24 9.712 1.114.987-1.305-.719.142 2.317-.646-2.23-.987 1.116.719-1.305-2.317.141 2.23-.646-1.115-.986 1.304.718-.141-2.316.645 2.23.987-1.116-.718 1.304 2.316-.14z"
/>
</svg>
More icons in the same style and category