Add icons to this collection by clicking the heart icon.
Cracker icon - also known as Cracker, celebration, fireworks, firecracker, birthday and party, and cultures. Created in a clean flat 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 32 32"
>
<linearGradient id="a">
<stop offset="0" stop-color="#42a5f5" />
<stop offset="1" stop-color="#1e88e5" />
</linearGradient>
<linearGradient
id="c"
x1="11"
x2="21"
y1="10.5"
y2="10.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="5"
x2="10"
y1="29"
y2="29"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="11"
x2="14"
y1="29.5"
y2="29.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="22"
x2="27"
y1="29"
y2="29"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="18"
x2="21"
y1="29.5"
y2="29.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="2"
x2="8"
y1="24.5"
y2="24.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="24"
x2="30"
y1="24.5"
y2="24.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#bbdefb" />
<stop offset="1" stop-color="#64b5f6" />
</linearGradient>
<linearGradient
id="j"
x1="1.808"
x2="13.192"
y1="4.259"
y2="4.259"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="1.808"
x2="13.192"
y1="11.259"
y2="11.259"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="1.808"
x2="13.192"
y1="18.259"
y2="18.259"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="18.808"
x2="30.192"
y1="4.259"
y2="4.259"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="18.808"
x2="30.192"
y1="11.259"
y2="11.259"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="18.808"
x2="30.192"
y1="18.259"
y2="18.259"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="10.743"
x2="21.257"
y1="23"
y2="23"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="14.442"
x2="17.557"
y1="23"
y2="23"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#c)"
d="M20 11.5a1 1 0 0 0 0-2h-3v-5h3a1 1 0 0 0 0-2h-3V2a1 1 0 0 0-2 0v.5h-3a1 1 0 0 0 0 2h3v5h-3a1 1 0 0 0 0 2h3v5h-3a1 1 0 0 0 0 2h3v.5a1 1 0 0 0 2 0v-.5h3a1 1 0 0 0 0-2h-3v-5z"
/>
<path
fill="url(#d)"
d="M6.001 31a1 1 0 0 1-.556-1.832l3-2a.999.999 0 1 1 1.11 1.664l-3 2A.994.994 0 0 1 6 31z"
/>
<path
fill="url(#e)"
d="M12 31a1 1 0 0 1-.707-1.707l1-1a1 1 0 1 1 1.414 1.414l-1 1A.997.997 0 0 1 12 31z"
/>
<path
fill="url(#f)"
d="M25.999 31a.994.994 0 0 1-.554-.168l-3-2a1 1 0 0 1 1.11-1.664l3 2A1 1 0 0 1 25.999 31z"
/>
<path
fill="url(#g)"
d="M20 31a.997.997 0 0 1-.707-.293l-1-1a1 1 0 1 1 1.414-1.414l1 1A1 1 0 0 1 20 31z"
/>
<path
fill="url(#h)"
d="M2.999 26a1 1 0 0 1-.242-1.97l4-1a1.001 1.001 0 0 1 .486 1.94l-4 1a.996.996 0 0 1-.244.03z"
/>
<path
fill="url(#i)"
d="M29.001 26a.996.996 0 0 1-.244-.03l-4-1a1 1 0 0 1 .486-1.94l4 1A1 1 0 0 1 29 26z"
/>
<path
fill="url(#j)"
d="M3.33 7.518a1.004 1.004 0 0 1-.986-.827l-.52-2.954a1 1 0 0 1 .81-1.159l8.864-1.563a1 1 0 0 1 1.158.812l.52 2.954a1 1 0 0 1-.81 1.158L3.503 7.502a1 1 0 0 1-.174.016z"
/>
<path
fill="url(#k)"
d="M3.33 14.518a1.004 1.004 0 0 1-.986-.827l-.52-2.954a1 1 0 0 1 .81-1.159l8.864-1.563a.998.998 0 0 1 1.158.812l.52 2.954a1 1 0 0 1-.81 1.158l-8.863 1.563a1 1 0 0 1-.174.016z"
/>
<path
fill="url(#l)"
d="M3.33 21.518a1.004 1.004 0 0 1-.986-.827l-.52-2.954a1 1 0 0 1 .81-1.159l8.864-1.563a1 1 0 0 1 1.159.812l.52 2.954a1 1 0 0 1-.811 1.158l-8.863 1.563a1 1 0 0 1-.174.016z"
/>
<path
fill="url(#m)"
d="M28.67 7.518a1 1 0 0 1-.173-.016L19.634 5.94a1 1 0 0 1-.81-1.158l.52-2.954a1 1 0 0 1 1.158-.812l8.864 1.563a1 1 0 0 1 .81 1.159l-.52 2.954a1 1 0 0 1-.985.827z"
/>
<path
fill="url(#n)"
d="M28.67 14.518a1 1 0 0 1-.173-.016l-8.863-1.563a1 1 0 0 1-.81-1.158l.52-2.954a1 1 0 0 1 1.158-.812l8.864 1.563a1 1 0 0 1 .81 1.159l-.52 2.954a1 1 0 0 1-.985.827z"
/>
<path
fill="url(#o)"
d="M28.67 21.518a1 1 0 0 1-.173-.016l-8.863-1.563a1 1 0 0 1-.81-1.158l.52-2.954a1 1 0 0 1 1.158-.812l8.864 1.563a1 1 0 0 1 .81 1.159l-.52 2.954a1 1 0 0 1-.985.827z"
/>
<path
fill="url(#p)"
d="M16 28.256a1 1 0 0 1-.99-.858 3.99 3.99 0 0 0-3.408-3.408 1 1 0 0 1 0-1.98 3.995 3.995 0 0 0 3.408-3.408 1 1 0 0 1 1.98 0 3.99 3.99 0 0 0 3.408 3.408 1 1 0 0 1 0 1.98 3.987 3.987 0 0 0-3.408 3.408 1 1 0 0 1-.99.858z"
/>
<path
fill="url(#q)"
d="M14.442 23A6.051 6.051 0 0 1 16 24.558 5.987 5.987 0 0 1 17.557 23 5.987 5.987 0 0 1 16 21.443 5.987 5.987 0 0 1 14.442 23z"
/>
</svg>
More icons in the same style and category