Add icons to this collection by clicking the heart icon.
Balloons icon - also known as birthday, party, celebration, decoration, balloons, 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="123.988"
x2="480.519"
y1="412.979"
y2="412.979"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaf6ff" />
<stop offset="1" stop-color="#b3dafe" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#8ac9fe" stop-opacity="0" />
<stop offset=".41" stop-color="#75aace" stop-opacity=".411" />
<stop offset="1" stop-color="#537983" />
</linearGradient>
<linearGradient
id="h"
x1="410.704"
x2="410.704"
y1="380.25"
y2="337.964"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="253.51"
x2="253.51"
y1="420.071"
y2="365.225"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="115.963"
x2="115.963"
y1="364"
y2="323.996"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fef17d" />
<stop offset="1" stop-color="#ffd746" />
</linearGradient>
<linearGradient
id="k"
x1="101.917"
x2="133.066"
y1="296.719"
y2="327.868"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#feb454" stop-opacity="0" />
<stop offset="1" stop-color="#db841d" />
</linearGradient>
<linearGradient
id="l"
x1="116.303"
x2="145.637"
y1="304.665"
y2="311.332"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="68.708"
x2="224.772"
y1="150"
y2="150"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="77.946"
x2="218.946"
y1="106.758"
y2="215.758"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="120"
x2="120"
y1="231.514"
y2="322.72"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#ff9df0" />
<stop offset=".362" stop-color="#f791e8" />
<stop offset="1" stop-color="#e273d3" />
</linearGradient>
<linearGradient
id="p"
x1="388.026"
x2="415.542"
y1="313.104"
y2="340.62"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="321.427"
x2="460.427"
y1="117.616"
y2="214.616"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#c146b6" stop-opacity="0" />
<stop offset="1" stop-color="#c146b6" />
</linearGradient>
<linearGradient
id="r"
x1="404"
x2="404"
y1="255.506"
y2="336.072"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="s"
x1="493.072"
x2="353.073"
y1="308.655"
y2="199.988"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient id="f">
<stop offset="0" stop-color="#7fd8f7" />
<stop offset="1" stop-color="#6aa9ff" />
</linearGradient>
<linearGradient
id="t"
x1="236.917"
x2="268.066"
y1="349.719"
y2="380.868"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="u"
x1="186.616"
x2="287.147"
y1="167.384"
y2="267.915"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="v"
x1="255"
x2="255"
y1="247.147"
y2="358.767"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3887e5" stop-opacity="0" />
<stop offset=".942" stop-color="#3887e5" stop-opacity=".942" />
<stop offset="1" stop-color="#3887e5" />
</linearGradient>
<path
fill="url(#g)"
d="M415.176 421.142c-3.212-2.122-5.045-5.6-5.029-9.544.015-3.943 1.875-7.406 5.103-9.5 10.949-7.107 14.988-21.56 9.396-33.621l-17.311-35.144-13.065 6.491 17.311 35.144c2.399 5.173.666 11.373-4.031 14.421-7.413 4.812-11.86 13.092-11.895 22.148-.035 9.057 4.348 17.374 11.724 22.247 4.109 2.715 6.13 7.314 5.408 12.304-.723 4.99-3.959 8.774-8.657 10.122L267.2 494.022l5.935-17.89c5.761-17.364.382-36.808-13.385-48.385-10.187-8.567-13.241-23.563-7.263-35.657l15.351-31.054-12.902-6.832-15.35 31.054c-9.076 18.36-4.439 41.125 11.026 54.13 9.068 7.626 12.611 20.434 8.817 31.872l-7.699 23.207L140 437.5c-17.908-9.289-27.536-29.945-23.411-50.233l12.531-68.22-14.182-3.088-12.531 68.221c-5.479 26.952 7.31 54.392 31.101 66.731l106.474 54.385a43.892 43.892 0 0 0 31.554 3.094L408 470.667c10.219-2.932 17.545-11.497 19.118-22.353 1.573-10.855-3.003-21.267-11.942-27.172z"
/>
<path
fill="url(#h)"
d="m407.333 333.333-13.065 6.491 17.311 35.144c2.399 5.173.666 11.373-4.031 14.421-.54.35-1.058.724-1.566 1.11h18.958c2.925-6.822 3.034-14.841-.297-22.022z"
/>
<path
fill="url(#i)"
d="M259.75 427.747c-10.187-8.567-13.241-23.563-7.263-35.657l15.351-31.054-12.902-6.832-15.35 31.054c-9.076 18.36-4.439 41.125 11.026 54.13a28.295 28.295 0 0 1 4.896 5.361h16.543c-2.647-6.498-6.803-12.378-12.301-17.002z"
/>
<path
fill="url(#j)"
d="m117.556 382 11.564-62.954-14.183-3.088L102.807 382z"
/>
<path
fill="url(#k)"
d="m120 273.038-28.183 39.857c-6.165 8.719.07 20.765 10.749 20.765h34.87c10.679 0 16.914-12.045 10.749-20.765z"
/>
<path
fill="url(#l)"
d="m120 273.038-28.183 39.857c-6.165 8.719.07 20.765 10.749 20.765h34.87c10.679 0 16.914-12.045 10.749-20.765z"
/>
<path
fill="url(#m)"
d="M240 132.487C240 216.035 152.45 300 120 300S0 216.035 0 132.487 53.726 0 120 0s120 48.939 120 132.487z"
/>
<path
fill="url(#n)"
d="M240 132.487C240 216.035 152.45 300 120 300S0 216.035 0 132.487 53.726 0 120 0s120 48.939 120 132.487z"
/>
<path
fill="url(#o)"
d="M23.158 211.737C51.433 262.023 98.177 300 120 300s68.567-37.977 96.842-88.263z"
/>
<path
fill="url(#p)"
d="m404 292.186-24.895 35.207c-5.446 7.702.062 18.342 9.495 18.342h30.802c9.433 0 14.941-10.64 9.495-18.342z"
/>
<path
fill="url(#q)"
d="M510 168.033c0 73.8-77.336 147.97-106 147.97s-106-74.169-106-147.97 47.458-117.03 106-117.03 106 43.229 106 117.03z"
/>
<path
fill="url(#r)"
d="M318.456 238.037c24.976 44.419 66.266 77.966 85.544 77.966 19.277 0 60.567-33.547 85.543-77.966z"
/>
<path
fill="url(#s)"
d="M410.875 158.75H298.263c-.17 3.039-.263 6.131-.263 9.283 0 73.8 77.336 147.97 106 147.97 19.335 0 60.81-33.748 85.763-78.364z"
/>
<path
fill="url(#t)"
d="m255 326.038-28.183 39.857c-6.165 8.719.07 20.765 10.749 20.765h34.87c10.679 0 16.914-12.045 10.749-20.765z"
/>
<path
fill="url(#u)"
d="m292.08 77.05 19.398 39.305a41.35 41.35 0 0 0 31.134 22.62l43.376 6.303c33.916 4.928 47.458 46.608 22.916 70.53l-31.387 30.595a41.348 41.348 0 0 0-11.892 36.6l7.409 43.201c5.794 33.779-29.661 59.538-59.996 43.59l-38.797-20.397a41.35 41.35 0 0 0-38.483 0l-38.797 20.397c-30.335 15.948-65.79-9.811-59.997-43.59l7.41-43.201a41.348 41.348 0 0 0-11.892-36.6l-31.387-30.595c-24.542-23.922-10.999-65.602 22.916-70.53l43.376-6.303a41.35 41.35 0 0 0 31.134-22.62L217.92 77.05c15.168-30.733 58.992-30.733 74.16 0z"
/>
<path
fill="url(#v)"
d="M399.32 225.15H110.68l21.802 21.252a41.351 41.351 0 0 1 11.892 36.6l-7.41 43.201c-5.793 33.779 29.661 59.538 59.997 43.59l38.797-20.397a41.35 41.35 0 0 1 38.483 0l38.797 20.397c30.335 15.948 65.79-9.811 59.996-43.59l-7.41-43.201a41.351 41.351 0 0 1 11.892-36.6z"
/>
</svg>
More icons in the same style and category