Add icons to this collection by clicking the heart icon.
Balloons icon - also known as heart, 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="a">
<stop offset="0" stop-color="#9b62cd" />
<stop offset=".3" stop-color="#985dcb" />
<stop offset=".672" stop-color="#8f4ec7" />
<stop offset="1" stop-color="#833ac1" />
</linearGradient>
<linearGradient
id="e"
x1="198.97"
x2="123.316"
y1="404.885"
y2="326.155"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="2465.754"
x2="2390.1"
y1="469.469"
y2="390.739"
gradientTransform="matrix(-1 0 0 1 2744.44 0)"
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="g"
x1="351.098"
x2="365.046"
y1="291.784"
y2="319.376"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="275.696"
x2="466.887"
y1="59.805"
y2="250.996"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#92f37f" />
<stop offset="1" stop-color="#4ab272" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#fff" stop-opacity="0" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="i"
x1="358.745"
x2="358.745"
y1="104.607"
y2="-102.916"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="340.826"
x2="223.484"
y1="211.949"
y2="165.558"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4ab272" stop-opacity="0" />
<stop offset="1" stop-color="#009245" />
</linearGradient>
<linearGradient
id="k"
x1="143.608"
x2="157.555"
y1="338.175"
y2="365.767"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="68.206"
x2="259.397"
y1="106.196"
y2="297.387"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="151.255"
x2="151.255"
y1="150.998"
y2="-56.525"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#ff819c" />
<stop offset=".259" stop-color="#ff7e9a" />
<stop offset=".476" stop-color="#fe7396" />
<stop offset=".676" stop-color="#fc628e" />
<stop offset=".867" stop-color="#fa4a83" />
<stop offset="1" stop-color="#f83479" />
</linearGradient>
<linearGradient
id="n"
x1="307.092"
x2="321.04"
y1="420.871"
y2="448.463"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="289.787"
x2="397.123"
y1="237.753"
y2="371.771"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="310.508"
x2="-25.145"
y1="266.452"
y2="-82.845"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#e)"
d="M154.771 445.416a5.002 5.002 0 0 1-4.233-7.662l4.769-7.603c9.475-15.105 8.647-34.833-2.06-49.091-11.212-14.929-13.793-34.942-6.736-52.227l16.368-40.096a5.003 5.003 0 1 1 9.264 3.782l-16.368 40.096c-5.734 14.046-3.637 30.306 5.473 42.437 13.178 17.547 14.197 41.827 2.536 60.417l-4.769 7.603a5.002 5.002 0 0 1-4.244 2.344z"
/>
<path
fill="url(#f)"
d="M322.886 510a5.002 5.002 0 0 0 4.233-7.662l-4.769-7.603c-9.475-15.105-8.647-34.833 2.06-49.091 11.212-14.929 13.793-34.942 6.736-52.227l-16.368-40.096a5.003 5.003 0 1 0-9.264 3.782l16.368 40.096c5.734 14.045 3.637 30.306-5.473 42.437-13.178 17.547-14.197 41.827-2.536 60.417l4.769 7.603a5.004 5.004 0 0 0 4.244 2.344z"
/>
<path
fill="url(#g)"
d="M342.11 318.971c-7.158-4.046-9.236-13.4-4.466-20.097l21.101-29.624 21.101 29.624c4.77 6.697 2.692 16.051-4.466 20.097a33.8 33.8 0 0 1-33.27 0z"
/>
<path
fill="url(#h)"
d="M487.003 128.258c0 70.835-57.423 175.558-128.258 175.558S230.488 199.092 230.488 128.258 287.911 0 358.745 0s128.258 57.423 128.258 128.258z"
/>
<ellipse cx="358.745" cy="77.723" fill="url(#i)" rx="97.221" ry="66.807" />
<path
fill="url(#j)"
d="M239.316 81.408c-5.698 14.513-8.828 30.316-8.828 46.85 0 70.835 57.423 175.558 128.257 175.558 25.395 0 49.065-13.462 68.984-33.995z"
/>
<path
fill="url(#k)"
d="M134.62 365.362c-7.158-4.046-9.236-13.4-4.466-20.097l21.101-29.624 21.101 29.624c4.77 6.697 2.692 16.051-4.466 20.097a33.8 33.8 0 0 1-33.27 0z"
/>
<path
fill="url(#l)"
d="M279.512 174.649c0 70.835-57.423 175.558-128.258 175.558S22.997 245.483 22.997 174.649 80.42 46.391 151.255 46.391s128.257 57.423 128.257 128.258z"
/>
<ellipse cx="151.255" cy="124.114" fill="url(#m)" rx="97.221" ry="66.807" />
<path
fill="url(#n)"
d="M298.104 448.058c-7.158-4.046-9.236-13.4-4.466-20.097l21.101-29.624 21.101 29.624c4.77 6.697 2.692 16.051-4.466 20.097a33.8 33.8 0 0 1-33.27 0z"
/>
<path
fill="url(#o)"
d="M396.761 181.926c-44.337-2.16-81.062 32.664-82.003 76.301-.002.095-.035.095-.037 0-.941-43.637-37.666-78.461-82.003-76.301-48.695 2.373-81.013 50-72.463 97.997 14.381 80.723 113.729 136.302 145.049 151.976a21.066 21.066 0 0 0 18.871 0c31.319-15.674 130.668-71.253 145.049-151.976 8.55-47.997-23.769-95.624-72.463-97.997z"
/>
<path
fill="url(#p)"
d="M314.739 420.486a7.49 7.49 0 0 1-3.329-.788c-28.947-14.487-124.429-67.552-137.722-142.168-3.73-20.938 1.532-42.233 14.437-58.425 11.413-14.32 27.486-22.684 45.257-23.549a66.39 66.39 0 0 1 3.245-.08c16.973 0 32.997 6.542 45.118 18.419 12.104 11.861 18.971 27.709 19.336 44.627l.001.055c.16 7.4 6.184 13.327 13.585 13.367h.073c7.44 0 13.512-5.954 13.659-13.392l.001-.071c.364-16.877 7.231-32.726 19.333-44.586 12.121-11.877 28.144-18.418 45.119-18.418 1.075 0 2.166.027 3.244.08 17.771.866 33.845 9.229 45.258 23.549 12.905 16.192 18.167 37.487 14.437 58.425-13.293 74.615-108.774 127.681-137.722 142.168a7.503 7.503 0 0 1-3.33.787z"
/>
</svg>
More icons in the same style and category