Add icons to this collection by clicking the heart icon.
Firecracker icon - also known as celebration, rocket, fireworks, firecracker, firework, and birthday and party. Created in a clean gradient style, 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 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fef056" />
<stop offset=".521" stop-color="#f4d902" />
<stop offset="1" stop-color="#fe9738" />
</linearGradient>
<linearGradient
id="f"
x1="-4"
x2="122.016"
y1="455.86"
y2="455.86"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-46.5"
x2="107.566"
y1="455.787"
y2="455.787"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fbc56d" />
<stop offset=".584" stop-color="#fe9738" />
<stop offset=".998" stop-color="#fb2b3a" />
</linearGradient>
<linearGradient
id="h"
x1="10.902"
x2="89.208"
y1="455.86"
y2="455.86"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="-82.5"
x2="79.5"
y1="455.822"
y2="455.822"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="89.152"
x2="404.002"
y1="267.123"
y2="267.123"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="24"
x2="304.674"
y1="267.123"
y2="267.123"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#97d729" />
<stop offset=".565" stop-color="#02905d" />
<stop offset=".996" stop-color="#026841" />
</linearGradient>
<linearGradient
id="l"
x1="60"
x2="468.54"
y1="303.316"
y2="303.316"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="60"
x2="468.54"
y1="236.286"
y2="236.286"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="60"
x2="468.54"
y1="285.993"
y2="285.993"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="60"
x2="468.54"
y1="230.93"
y2="230.93"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="p"
x1="21.333"
x2="374.848"
y1="236.285"
y2="236.285"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#fe646f" />
<stop offset=".521" stop-color="#e41f2d" />
<stop offset="1" stop-color="#c41926" />
</linearGradient>
<linearGradient
id="q"
x1="218.146"
x2="538.319"
y1="143.091"
y2="143.091"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="r"
x1="179"
x2="433.002"
y1="143.085"
y2="143.085"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#e19974" />
<stop offset=".952" stop-color="#8c3d27" />
</linearGradient>
<linearGradient
id="s"
x1="49.651"
x2="259.736"
y1="373.431"
y2="373.431"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="t"
x1="8.651"
x2="232.731"
y1="373.431"
y2="373.431"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="u"
x1="102"
x2="196.038"
y1="459.638"
y2="459.638"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="v"
x1="-5.49"
x2="88.548"
y1="358.004"
y2="358.004"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="w"
x1="-20.6"
x2="100.946"
y1="261.191"
y2="261.191"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#f)"
d="M107.748 494.656a156.891 156.891 0 0 1 .133-77.68c2.319-9.002-5.855-17.176-14.857-14.857a156.88 156.88 0 0 1-77.68.133c-8.956-2.275-17.087 5.856-14.812 14.812a156.892 156.892 0 0 1-.134 77.68c-2.319 9.002 5.855 17.176 14.857 14.857a156.892 156.892 0 0 1 77.68-.134c8.957 2.276 17.088-5.855 14.813-14.811z"
/>
<path
fill="url(#g)"
d="M107.881 416.976c2.319-9.002-5.855-17.177-14.857-14.857a155.944 155.944 0 0 1-13.673 2.867c3.097 2.875 4.722 7.319 3.519 11.99a156.868 156.868 0 0 0-.133 77.68c1.186 4.67-.461 9.113-3.575 11.976 4.623.74 9.22 1.679 13.774 2.836 8.956 2.275 17.087-5.856 14.812-14.812a156.891 156.891 0 0 1 .133-77.68z"
/>
<path
fill="url(#h)"
d="M85.08 478.251a90.54 90.54 0 0 1 .077-44.833c1.339-5.195-3.379-9.914-8.575-8.575a90.54 90.54 0 0 1-44.833.077c-5.169-1.313-9.862 3.38-8.549 8.549a90.545 90.545 0 0 1-.077 44.834c-1.339 5.195 3.379 9.913 8.575 8.575a90.545 90.545 0 0 1 44.834-.077c5.169 1.312 9.861-3.38 8.548-8.55z"
/>
<path
fill="url(#i)"
d="M81.014 425.146a156.913 156.913 0 0 0-.102 61.352c3.064-1.258 5.086-4.632 4.168-8.246a90.54 90.54 0 0 1 .077-44.833c.933-3.623-1.08-7.006-4.143-8.273z"
/>
<path
fill="url(#j)"
d="M185.396 430.283 79.717 324.604c-11.757-11.757-11.757-30.818 0-42.575l178.065-178.065c11.757-11.757 30.818-11.757 42.575 0l105.679 105.679c11.757 11.757 11.757 30.818 0 42.575L227.971 430.283c-11.757 11.757-30.818 11.757-42.575 0z"
/>
<path
fill="url(#k)"
d="M406.04 252.22 227.97 430.28c-11.34 11.34-29.48 11.75-41.29 1.2.43-.39.86-.79 1.27-1.2l106.421-106.421c29.735-29.735 29.735-77.944 0-107.679l-74.401-74.4 37.81-37.82c.42-.42.84-.82 1.28-1.21 11.82-10.53 29.96-10.12 41.3 1.21l105.68 105.68c11.75 11.76 11.75 30.82 0 42.58z"
/>
<path
fill="url(#l)"
d="m79.717 324.604 43.613 43.613V238.416l-43.613 43.613c-11.756 11.757-11.756 30.818 0 42.575z"
/>
<path
fill="url(#m)"
d="M280.89 95.208v282.156l53.5-53.5V137.997l-34.033-34.033a29.985 29.985 0 0 0-19.467-8.756z"
/>
<path
fill="url(#n)"
d="m175.36 420.247 10.036 10.036c11.757 11.757 30.818 11.757 42.575 0l.889-.889V132.886l-53.5 53.5z"
/>
<path
fill="url(#o)"
d="m406.036 209.643-19.616-19.616v81.807l19.616-19.616c11.757-11.757 11.757-30.819 0-42.575z"
/>
<path
fill="url(#p)"
d="M297.256 101.26c-.038-.029-.075-.06-.113-.088a28.928 28.928 0 0 0-.916-.657c-.081-.056-.16-.115-.241-.17a30.314 30.314 0 0 0-.874-.568c-.103-.065-.206-.133-.31-.197-.284-.174-.572-.34-.861-.504-.115-.066-.23-.134-.346-.198a32.403 32.403 0 0 0-.865-.455c-.121-.062-.241-.125-.363-.184-.292-.144-.587-.28-.882-.414-.121-.055-.242-.11-.364-.163a28.543 28.543 0 0 0-.909-.377c-.117-.046-.233-.093-.35-.138-.313-.12-.628-.234-.944-.343l-.328-.112a31.238 31.238 0 0 0-2.566-.729 31.307 31.307 0 0 0-1.085-.236l-.204-.039a29.597 29.597 0 0 0-2.493-.37l-.076-.007c-.424-.044-.85-.079-1.275-.105V202.7l13.481 13.481c29.735 29.735 29.735 77.944 0 107.679l-13.482 13.48v40.023l14.131-14.13 39.369-39.369V137.997l-34.033-34.033a30.225 30.225 0 0 0-3.101-2.704z"
/>
<path
fill="url(#q)"
d="M460.311 1.386 251.706 57.283c-27.955 7.491-37.317 42.434-16.853 62.898l154.966 154.966c20.464 20.464 55.407 11.101 62.898-16.853l55.897-208.605c7.858-29.326-18.977-56.161-48.303-48.303z"
/>
<path
fill="url(#r)"
d="m460.311 1.386-11.578 3.103c15.393 8.101 24.974 26.119 19.861 45.2l-55.897 208.605c-2.638 9.847-8.69 17.374-16.308 22.116 20.645 13.118 49.591 3.03 56.328-22.116l55.897-208.605c7.858-29.326-18.977-56.161-48.303-48.303z"
/>
<path
fill="url(#s)"
d="M222.286 288.3c-7.814-7.814-20.484-7.814-28.298 0L52.024 430.264c-7.814 7.814-7.814 20.484 0 28.298s20.484 7.814 28.298 0l141.964-141.964c7.814-7.814 7.814-20.483 0-28.298z"
/>
<path
fill="url(#t)"
d="M222.286 288.3c-7.289-7.289-18.798-7.773-26.655-1.465.567.455 1.118.939 1.644 1.465 7.814 7.814 7.814 20.484 0 28.298L55.311 458.562a20.147 20.147 0 0 1-1.644 1.465c7.857 6.308 19.366 5.824 26.655-1.465l141.964-141.964c7.814-7.814 7.814-20.483 0-28.298z"
/>
<path
fill="url(#u)"
d="M158.098 487.371a66.588 66.588 0 0 1 23.353-23.273c3.398-2.006 3.398-6.912 0-8.918a66.58 66.58 0 0 1-23.353-23.273c-2.005-3.371-6.886-3.371-8.891 0a66.582 66.582 0 0 1-23.354 23.273c-3.398 2.006-3.398 6.912 0 8.918a66.599 66.599 0 0 1 23.354 23.273c2.006 3.371 6.886 3.371 8.891 0z"
/>
<path
fill="url(#v)"
d="M50.608 385.736a66.588 66.588 0 0 1 23.353-23.273c3.398-2.006 3.398-6.912 0-8.918a66.58 66.58 0 0 1-23.353-23.273c-2.005-3.371-6.886-3.371-8.891 0a66.582 66.582 0 0 1-23.354 23.273c-3.398 2.006-3.398 6.912 0 8.918a66.599 66.599 0 0 1 23.354 23.273c2.006 3.371 6.886 3.371 8.891 0z"
/>
<path
fill="url(#w)"
d="M51.909 297.035a86.057 86.057 0 0 1 30.185-30.081c4.392-2.592 4.392-8.934 0-11.527a86.074 86.074 0 0 1-30.185-30.081c-2.592-4.357-8.9-4.357-11.492 0a86.057 86.057 0 0 1-30.185 30.081c-4.392 2.592-4.392 8.934 0 11.527a86.074 86.074 0 0 1 30.185 30.081c2.592 4.357 8.9 4.357 11.492 0z"
/>
</svg>
More icons in the same style and category