Add icons to this collection by clicking the heart icon.
Confetti icon - also known as birthday, party, celebration, new year, fun, confetti, and birthday and party. Created in a clean color 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="g"
x1="240.401"
x2="316.542"
y1="174.82"
y2="252.151"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9b62cd" />
<stop offset=".099" stop-color="#9b61cd" />
<stop offset=".378" stop-color="#975acb" />
<stop offset=".769" stop-color="#8c48c5" />
<stop offset="1" stop-color="#833ac1" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#833ac1" stop-opacity="0" />
<stop offset="1" stop-color="#6e566e" />
</linearGradient>
<linearGradient
id="h"
x1="381.133"
x2="329.976"
y1="154.381"
y2="156.166"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="193.435"
x2="249.351"
y1="212.552"
y2="225.639"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ffd945" />
<stop offset=".304" stop-color="#ffcd3e" />
<stop offset=".856" stop-color="#ffad2b" />
<stop offset="1" stop-color="#ffa325" />
</linearGradient>
<linearGradient
id="j"
x1="45.387"
x2="121.529"
y1="244.806"
y2="175.209"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#92f37f" />
<stop offset="1" stop-color="#4ab272" />
</linearGradient>
<linearGradient
id="k"
x1="443.468"
x2="519.609"
y1="181.857"
y2="112.259"
gradientTransform="rotate(-90 485.754 204.472)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="81.035"
x2="127.927"
y1="441.585"
y2="504.108"
gradientTransform="translate(1.57 1.309)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#ff7044" />
<stop offset="1" stop-color="#f82814" />
</linearGradient>
<linearGradient
id="m"
x1="20.138"
x2="53.298"
y1="356.481"
y2="400.695"
gradientTransform="translate(1.57 1.309)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#00adfb" />
<stop offset="1" stop-color="#3f3ced" />
</linearGradient>
<linearGradient
id="n"
x1="131.375"
x2="164.536"
y1="304.648"
y2="348.862"
gradientTransform="translate(1.57 1.309)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="o"
x1="449.946"
x2="496.839"
y1="71.005"
y2="133.528"
gradientTransform="translate(1.57 1.309)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="28.268"
x2="75.16"
y1="27.025"
y2="89.548"
gradientTransform="translate(1.57 1.309)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="350.604"
x2="383.765"
y1="19.04"
y2="63.254"
gradientTransform="translate(1.57 1.309)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="456.531"
x2="489.691"
y1="312.972"
y2="357.186"
gradientTransform="translate(1.57 1.309)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="s"
x1="323.851"
x2="388.095"
y1="335.614"
y2="524.182"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="f">
<stop offset="0" stop-color="#f35227" stop-opacity="0" />
<stop offset="1" stop-color="#f35227" />
</linearGradient>
<linearGradient
id="t"
x1="404.078"
x2="347.765"
y1="391.81"
y2="384.276"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="u"
x1="288.737"
x2="350.998"
y1="439.474"
y2="425.198"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<path
fill="url(#g)"
d="m211.593 385.508-25.757-43.855c-3.53-6.011-1.792-13.687 3.92-17.683 21.243-14.862 38.121-34.581 49.703-56.96-3.013.256-6.029.383-9.044.383-29.54.002-58.804-12.207-79.624-35.621l-2.247-2.527a104.125 104.125 0 0 1-25.565-81.433 104.116 104.116 0 0 1 43.96-73.161 104.02 104.02 0 0 1 96.152-11.872 104.02 104.02 0 0 1 63.047 68.032l55.252-37.725c6.067-4.143 14.344-2.582 18.487 3.485l28.604 41.893c4.143 6.067 2.582 14.344-3.485 18.487l-91.452 62.442c-2.444 22.628-8.22 44.94-17.284 66.413-18.035 42.718-47.531 78.426-85.761 104.006-6.373 4.264-15.022 2.309-18.906-4.304zm14.502-252.146c-4.432 0-9.722 1.107-15.039 4.8-8.586 5.964-10.757 14.33-11.287 18.785-.53 4.456-.382 13.098 6.565 20.912l2.247 2.527c9.68 10.886 26.053 12.902 38.088 4.686l9.978-6.812a155.59 155.59 0 0 0-3.738-21.825l-.663-2.704c-3.025-12.318-12.547-17.123-16.499-18.618a27.764 27.764 0 0 0-9.652-1.751z"
/>
<path
fill="url(#h)"
d="m333.545 219.392 91.452-62.442c6.067-4.143 7.627-12.419 3.485-18.487L399.878 96.57c-4.143-6.067-12.42-7.628-18.487-3.485l-55.252 37.725c.001.001 9.595 46.607 7.406 88.582z"
/>
<path
fill="url(#i)"
d="m256.648 178.26-9.978 6.812c-12.035 8.216-28.408 6.201-38.088-4.686l-1.891-2.127h-82.835a104.09 104.09 0 0 0 24.689 50.985l2.247 2.527c20.82 23.414 50.084 35.623 79.624 35.621 3.015 0 6.031-.127 9.044-.383 19.935-16.367 17.188-88.749 17.188-88.749z"
/>
<path
fill="url(#j)"
d="M0 174.802v42.733c0 7.636 4.771 14.388 11.893 17.141 20.904 8.082 37.631 24.607 45.986 45.375 2.809 6.983 9.506 11.617 17.033 11.617h42.903c12.002 0 20.856-11.381 17.709-22.963-14.799-54.472-58.031-97.354-112.705-111.65C11.268 154.033 0 162.862 0 174.802z"
/>
<path
fill="url(#k)"
d="M393.134 292.145h42.733c7.636 0 14.388-4.771 17.141-11.893 8.082-20.904 24.607-37.631 45.375-45.986 6.983-2.809 11.617-9.506 11.617-17.033v-42.902c0-12.002-11.381-20.856-22.963-17.709-54.472 14.799-97.354 58.031-111.65 112.705-3.021 11.55 5.807 22.818 17.747 22.818z"
/>
<path
fill="url(#l)"
d="M137.942 467.018a126.07 126.07 0 0 0-37.151 37.371c-2.16 3.356-7.144 3.347-9.292-.017a126.054 126.054 0 0 0-37.014-37.506c-3.291-2.162-3.283-7.078.017-9.228a126.07 126.07 0 0 0 37.151-37.371c2.16-3.356 7.144-3.347 9.292.017a126.057 126.057 0 0 0 37.015 37.506c3.29 2.162 3.281 7.078-.018 9.228z"
/>
<path
fill="url(#m)"
d="M60.76 374.783a89.16 89.16 0 0 0-26.272 26.428c-1.527 2.374-5.052 2.367-6.571-.012a89.144 89.144 0 0 0-26.175-26.523c-2.328-1.529-2.321-5.006.012-6.526a89.148 89.148 0 0 0 26.272-26.428c1.527-2.374 5.052-2.367 6.571.012a89.147 89.147 0 0 0 26.176 26.523c2.326 1.529 2.32 5.005-.013 6.526z"
/>
<path
fill="url(#n)"
d="M172.091 323.15a89.16 89.16 0 0 0-26.272 26.428c-1.527 2.374-5.052 2.367-6.571-.012a89.144 89.144 0 0 0-26.175-26.523c-2.328-1.529-2.321-5.006.012-6.526a89.148 89.148 0 0 0 26.272-26.428c1.527-2.373 5.052-2.367 6.571.012a89.147 89.147 0 0 0 26.176 26.523c2.326 1.529 2.32 5.005-.013 6.526z"
/>
<path
fill="url(#o)"
d="M507.52 97.101a126.07 126.07 0 0 0-37.151 37.371c-2.16 3.357-7.144 3.347-9.292-.017a126.054 126.054 0 0 0-37.014-37.506c-3.292-2.162-3.283-7.078.017-9.228a126.07 126.07 0 0 0 37.151-37.371c2.16-3.357 7.144-3.347 9.292.017a126.057 126.057 0 0 0 37.015 37.506c3.29 2.162 3.281 7.078-.018 9.228z"
/>
<path
fill="url(#p)"
d="M85.921 52.362A126.07 126.07 0 0 0 48.77 89.733c-2.16 3.357-7.144 3.347-9.292-.017A126.054 126.054 0 0 0 2.464 52.21c-3.292-2.162-3.283-7.078.017-9.228A126.07 126.07 0 0 0 39.632 5.611c2.16-3.357 7.144-3.347 9.292.017a126.057 126.057 0 0 0 37.015 37.506c3.29 2.162 3.281 7.078-.018 9.228z"
/>
<path
fill="url(#q)"
d="M391.834 37.936a89.16 89.16 0 0 0-26.272 26.428c-1.527 2.374-5.052 2.367-6.571-.012a89.144 89.144 0 0 0-26.175-26.523c-2.328-1.529-2.321-5.006.012-6.526A89.137 89.137 0 0 0 359.1 4.875c1.527-2.374 5.052-2.367 6.571.012a89.135 89.135 0 0 0 26.176 26.523c2.326 1.529 2.32 5.006-.013 6.526z"
/>
<path
fill="url(#r)"
d="M497.231 332.059a89.16 89.16 0 0 0-26.272 26.428c-1.527 2.374-5.052 2.367-6.571-.012a89.144 89.144 0 0 0-26.175-26.523c-2.328-1.529-2.321-5.006.012-6.526a89.145 89.145 0 0 0 26.272-26.427c1.527-2.374 5.052-2.367 6.571.012a89.135 89.135 0 0 0 26.176 26.523c2.327 1.528 2.32 5.005-.013 6.525z"
/>
<path
fill="url(#s)"
d="M393.496 506.901a73.287 73.287 0 0 1-25.943-4.743 73.342 73.342 0 0 1-44.753-49.017l-42.241 28.842a7.109 7.109 0 0 1-9.879-1.862l-22.172-32.472a7.109 7.109 0 0 1 1.862-9.879l67.556-46.127c2.626-24.673 10.707-48.707 23.901-70.126 1.494-2.425 4.707-3.126 7.084-1.557l36.275 23.948c2.268 1.497 2.922 4.508 1.524 6.838a113.076 113.076 0 0 0-4.138 7.533c23.447-2.5 47.589 6.072 64.152 24.699l1.596 1.795a73.422 73.422 0 0 1 18.03 57.427 73.414 73.414 0 0 1-30.997 51.587 73.354 73.354 0 0 1-41.857 13.114zm-22.468-86.69a112.877 112.877 0 0 0 2.737 16.126l.473 1.924c2.246 9.145 9.312 12.711 12.246 13.82 2.936 1.11 10.593 3.109 18.327-2.262 6.373-4.427 7.984-10.636 8.378-13.944s.283-9.723-4.873-15.522l-1.596-1.794c-7.166-8.06-19.284-9.551-28.186-3.473z"
/>
<path
fill="url(#t)"
d="m448.32 384.774-1.596-1.795c-16.563-18.627-40.706-27.199-64.152-24.699-16.505 23.696-11.543 61.931-11.543 61.931l7.505-5.125c8.902-6.079 21.02-4.587 28.186 3.473l1.47 1.652h57.429c-2.411-13.037-8.313-25.331-17.299-35.437z"
/>
<path
fill="url(#u)"
d="M250.369 437.77a7.109 7.109 0 0 0-1.862 9.879l22.172 32.472a7.109 7.109 0 0 0 9.879 1.862l42.241-28.842c-8.464-31.94-4.874-61.498-4.874-61.498z"
/>
</svg>
More icons in the same style and category