Add icons to this collection by clicking the heart icon.
Confetti icon - also known as celebration, usa, united states of america, confetti, independence day, birthday and party, cultures, and 4th of july. 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 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="63.047"
y2=".531"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient
id="b"
x1="24.156"
x2="24.156"
y1="63.047"
y2=".531"
href="#a"
/>
<linearGradient id="c" x1="32" x2="32" y1="63.047" y2=".531" href="#a" />
<linearGradient
id="d"
x1="21.5"
x2="21.5"
y1="63.047"
y2=".531"
gradientTransform="rotate(31.02 21.491 15.475)"
href="#a"
/>
<linearGradient id="e" x1="27" x2="27" y1="63.047" y2=".531" href="#a" />
<linearGradient id="f" x1="29" x2="29" y1="63.047" y2=".531" href="#a" />
<linearGradient id="g" x1="35" x2="35" y1="63.047" y2=".531" href="#a" />
<linearGradient id="h" x1="45" x2="45" y1="63.047" y2=".531" href="#a" />
<linearGradient id="i" x1="19" x2="19" y1="63.047" y2=".531" href="#a" />
<linearGradient id="j" x1="10" x2="10" y1="63.047" y2=".531" href="#a" />
<linearGradient id="k" x1="54" x2="54" y1="63.047" y2=".531" href="#a" />
<linearGradient
id="l"
x1="17.908"
x2="17.908"
y1="63.047"
y2=".531"
gradientTransform="rotate(45 17.913 18.936)"
href="#a"
/>
<linearGradient
id="m"
x1="39.844"
x2="39.844"
y1="63.047"
y2=".531"
href="#a"
/>
<linearGradient
id="n"
x1="42.5"
x2="42.5"
y1="63.047"
y2=".531"
gradientTransform="rotate(59 42.522 15.513)"
href="#a"
/>
<linearGradient id="o" x1="37" x2="37" y1="63.047" y2=".531" href="#a" />
<linearGradient
id="p"
x1="46.092"
x2="46.092"
y1="63.047"
y2=".531"
gradientTransform="rotate(45 46.099 18.93)"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M36.98 38.382A1.969 1.969 0 0 0 35.078 37h-.9l-.278-.854a2 2 0 0 0-3.8 0l-.28.854h-.9a2 2 0 0 0-1.175 3.617l.726.529L28.2 42a1.969 1.969 0 0 0 .726 2.236 1.969 1.969 0 0 0 2.351 0l.723-.528.727.527A2 2 0 0 0 35.805 42l-.278-.854.726-.528a1.97 1.97 0 0 0 .727-2.236zm-3.216 1.573a1 1 0 0 0-.364 1.117l.5 1.546-1.314-.955a1 1 0 0 0-1.176 0l-1.314.954.5-1.545a1 1 0 0 0-.363-1.117L28.922 39h1.625a1 1 0 0 0 .951-.691l.5-1.557v.012l.5 1.545a1 1 0 0 0 .951.691h1.624z"
/>
<path
fill="url(#b)"
d="m27.064 17.352 1.873-.7c-.127-.336-3.157-8.3-8.312-12.429l-1.25 1.562c4.725 3.773 7.66 11.489 7.689 11.567z"
/>
<path fill="url(#c)" d="M31 8h2v8h-2z" />
<path
fill="url(#d)"
d="M20.5 12.585h2v5.831h-2z"
transform="rotate(-31.02 21.473 15.498)"
/>
<path fill="url(#e)" d="M26 6h2v2h-2z" />
<path fill="url(#f)" d="M28 2h2v2h-2z" />
<path fill="url(#g)" d="M34 2h2v2h-2z" />
<path fill="url(#h)" d="M44 9h2v2h-2z" />
<path fill="url(#i)" d="M18 9h2v2h-2z" />
<path
fill="url(#j)"
d="M14.98 10.382A1.97 1.97 0 0 0 13.078 9h-.9l-.278-.854a2 2 0 0 0-3.8 0L7.82 9h-.9a2 2 0 0 0-1.175 3.617l.726.529L6.2 14a2 2 0 0 0 3.077 2.235l.723-.527.727.527a1.969 1.969 0 0 0 2.351 0A1.969 1.969 0 0 0 13.8 14l-.277-.854.726-.529a1.97 1.97 0 0 0 .731-2.235zm-3.217 1.573a1 1 0 0 0-.363 1.117l.5 1.546-1.314-.955a1 1 0 0 0-1.176 0l-1.31.954.5-1.545a1 1 0 0 0-.363-1.117L6.922 11h1.625a1 1 0 0 0 .951-.691l.5-1.557.002.012.5 1.545a1 1 0 0 0 .951.691h1.625z"
/>
<path
fill="url(#k)"
d="M58.98 10.382A1.969 1.969 0 0 0 57.078 9h-.9l-.278-.854a2 2 0 0 0-3.8 0L51.82 9h-.9a2 2 0 0 0-1.175 3.617l.726.529L50.2 14a1.972 1.972 0 0 0 .728 2.236 1.967 1.967 0 0 0 2.35 0l.722-.528.727.527A2 2 0 0 0 57.805 14l-.278-.854.726-.528a1.97 1.97 0 0 0 .727-2.236zm-3.216 1.573a1 1 0 0 0-.364 1.117l.5 1.546-1.314-.955a1 1 0 0 0-1.176 0l-1.314.954.5-1.545a1 1 0 0 0-.364-1.117L50.922 11h1.625a1 1 0 0 0 .951-.691L54 8.764l.5 1.545a1 1 0 0 0 .951.691h1.624z"
/>
<path
fill="url(#l)"
d="M16.908 17.938h2v2h-2z"
transform="rotate(-45 17.906 18.943)"
/>
<path
fill="url(#m)"
d="M36.937 17.352c.029-.079 2.958-7.787 7.688-11.571l-1.25-1.562c-5.155 4.125-8.185 12.093-8.312 12.429z"
/>
<path
fill="url(#n)"
d="M39.585 14.5h5.831v2h-5.831z"
transform="rotate(-59 42.525 15.504)"
/>
<path fill="url(#o)" d="M36 6h2v2h-2z" />
<path
fill="url(#p)"
d="M45.092 17.938h2v2h-2z"
transform="rotate(-45 46.091 18.947)"
/>
<path
fill="url(#c)"
d="M49.17 22.88a1.991 1.991 0 0 0-1.65-.88H16.48a2 2 0 0 0-1.85 2.75l14.59 36.04a3 3 0 0 0 5.56 0l14.59-36.04a1.979 1.979 0 0 0-.2-1.87zM32.93 60.04a1 1 0 0 1-1.86 0L28.22 53h7.56zM36.59 51h-9.18l-.81-2h10.8zm1.62-4H25.79l-5.66-14h23.74zm6.47-16H19.32l-.81-2h26.98zm1.62-4H17.7l-1.22-3h31.04z"
/>
</g>
</svg>
More icons in the same style and category