Add icons to this collection by clicking the heart icon.
Balloon icon - also known as balloon, entertainment, birthday, party, celebration, decoration, and birthday and party. 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 512 512"
>
<linearGradient
id="c"
x1="74.98"
x2="437.019"
y1="437.019"
y2="74.98"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4747" />
<stop offset="1" stop-color="#ff9ceb" />
</linearGradient>
<radialGradient
id="d"
cx="256"
cy="162.704"
r="353.683"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff2f2b" />
<stop offset=".048" stop-color="#ff383b" stop-opacity=".952" />
<stop offset=".229" stop-color="#ff5670" stop-opacity=".771" />
<stop offset=".405" stop-color="#ff6f9c" stop-opacity=".595" />
<stop offset=".574" stop-color="#ff83be" stop-opacity=".426" />
<stop offset=".734" stop-color="#ff91d7" stop-opacity=".267" />
<stop offset=".88" stop-color="#ff99e6" stop-opacity=".12" />
<stop offset="1" stop-color="#ff9ceb" stop-opacity="0" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ff195e" />
<stop offset=".103" stop-color="#ff2466" />
<stop offset=".281" stop-color="#ff407b" />
<stop offset=".514" stop-color="#ff6f9c" />
<stop offset=".789" stop-color="#ffaeca" />
<stop offset="1" stop-color="#ffe3f1" />
</linearGradient>
<linearGradient
id="e"
x1="-56.256"
x2="482.715"
y1="668.874"
y2="129.903"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ffa9d4" />
<stop offset=".295" stop-color="#ffc6e3" />
<stop offset=".76" stop-color="#ffeff7" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="f"
x1="29.343"
x2="505.833"
y1="592.606"
y2="116.116"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="41.168"
x2="367.496"
y1="534.853"
y2="208.525"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="98.826"
x2="272.633"
y1="519.175"
y2="345.368"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="190.656"
x2="523.812"
y1="537.753"
y2="204.598"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="247.919"
x2="426.558"
y1="521.441"
y2="342.801"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="170.702"
x2="388.455"
y1="543.599"
y2="325.846"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="-222.126"
x2="462.804"
y1="748.23"
y2="63.299"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="-204.509"
x2="418.515"
y1="708.128"
y2="85.104"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff195e" />
<stop offset=".102" stop-color="#ff2466" />
<stop offset=".28" stop-color="#ff407b" />
<stop offset=".512" stop-color="#ff6f9c" />
<stop offset=".785" stop-color="#ffaeca" />
<stop offset=".995" stop-color="#ffe3f1" />
</linearGradient>
<linearGradient
id="n"
x1="-215.043"
x2="320.581"
y1="674.218"
y2="138.594"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="22.798"
x2="236.248"
y1="538.87"
y2="325.421"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="-383.852"
x2="305.519"
y1="758.516"
y2="69.145"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="q"
cx="256.691"
cy="163.341"
r="251.079"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff2f2b" />
<stop offset=".082" stop-color="#ff4654" stop-opacity=".918" />
<stop offset=".178" stop-color="#ff5d7c" stop-opacity=".822" />
<stop offset=".281" stop-color="#ff709e" stop-opacity=".719" />
<stop offset=".39" stop-color="#ff80ba" stop-opacity=".61" />
<stop offset=".506" stop-color="#ff8dd0" stop-opacity=".494" />
<stop offset=".634" stop-color="#ff95df" stop-opacity=".366" />
<stop offset=".783" stop-color="#ff9ae8" stop-opacity=".217" />
<stop offset="1" stop-color="#ff9ceb" stop-opacity="0" />
</radialGradient>
<linearGradient
id="r"
x1="86.016"
x2="623.822"
y1="419.416"
y2="-118.391"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="124.513"
x2="404.941"
y1="561.421"
y2="280.992"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="t"
x1="205.52"
x2="421.862"
y1="402.15"
y2="185.808"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="u"
x1="-45.478"
x2="641.155"
y1="465.238"
y2="-221.395"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="v"
x1="51.644"
x2="439.261"
y1="344.875"
y2="-42.743"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<circle cx="256" cy="256" r="256" fill="url(#c)" />
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<path
fill="url(#e)"
d="M420.7 279.119c-58.556.187-117.112.274-175.668.262 25.623 26.143 51.225 52.293 76.578 78.168a15.018 15.018 0 0 0 10.9 4.506c4.28-.039 8.156-1.842 10.958-4.701-.011-.171 77.283-78.494 77.232-78.235z"
/>
<path
fill="url(#f)"
d="M248.338 346.716c.006 10.092.014 20.184.022 30.276 2.551 5.285 5.098 10.569 7.639 15.852 2.542-5.283 5.088-10.567 7.639-15.852.009-10.092.016-20.184.022-30.276-5.106.004-10.214.004-15.322 0z"
/>
<path
fill="url(#g)"
d="M171.972 376.971c.095 10.048.202 20.096.322 30.145 2.599 5.298 5.196 10.598 7.79 15.9a8690.175 8690.175 0 0 1 7.429-15.692c-.098-10.063-.186-20.126-.263-30.189a6479.14 6479.14 0 0 1-15.278-.164z"
/>
<path
fill="url(#h)"
d="M172.293 407.116c.229 19.248.505 38.497.826 57.745.072 4.227 3.499 7.729 7.653 7.813 4.153.084 7.473-3.287 7.416-7.521-.263-19.276-.488-38.552-.676-57.828a62.44 62.44 0 0 1-7.605.372 63.022 63.022 0 0 1-7.614-.581z"
/>
<path
fill="url(#i)"
d="M324.751 377.136c-.077 10.063-.165 20.126-.263 30.189a8690.175 8690.175 0 0 1 7.429 15.692c2.594-5.302 5.191-10.602 7.79-15.9.12-10.048.227-20.096.322-30.145-5.093.06-10.186.114-15.278.164z"
/>
<path
fill="url(#j)"
d="M324.487 407.324c-.188 19.276-.413 38.552-.676 57.828-.057 4.234 3.263 7.605 7.416 7.521s7.581-3.586 7.653-7.813c.322-19.248.597-38.497.826-57.745a63.023 63.023 0 0 1-7.615.581 62.043 62.043 0 0 1-7.604-.372z"
/>
<path
fill="url(#k)"
d="M342.663 367.407a12.012 12.012 0 0 0-10.154-5.352c-4.253.039-8.015 2.239-10.236 5.552-.001-.001-5.696 8.507-9.502 14.209-1.832 2.742-.688 6.467 2.354 7.597 11.018 4.098 23.21 3.938 34.308-.409 3.063-1.201 4.275-4.939 2.491-7.63-3.078-4.648-6.166-9.304-9.261-13.967z"
/>
<path
fill="url(#l)"
d="M455.368 193.95c-61.826-35.37-123.563-71.829-184.213-107.186-36.114 21.177-61.005 61.19-61.169 106.614-.208 67.733 55.043 123.061 122.785 122.718 67.723-.625 123.565-55.226 122.625-121.097-.006-.349-.021-.699-.028-1.049z"
/>
<path
fill="url(#m)"
d="M331.48 70.985c-21.99-.41-42.535 5.376-60.325 15.78.603 67.452 55.473 122.018 123.018 122.539 22.365.205 43.294-5.464 61.195-15.354C453.655 128.564 397.5 72.469 331.48 70.985z"
/>
<path
fill="url(#n)"
d="M266.969 279.381c-58.556.013-117.112-.075-175.668-.262a12756.16 12756.16 0 0 1 77.224 78.236c2.809 2.859 6.688 4.66 10.967 4.701s8.13-1.691 10.891-4.506c-.147.161 76.501-78.094 76.586-78.169z"
/>
<path
fill="url(#o)"
d="M189.728 367.608c-2.223-3.313-5.984-5.513-10.237-5.552a12.004 12.004 0 0 0-10.152 5.352c-.002.001-5.561 8.377-9.266 13.971-1.783 2.692-.57 6.426 2.494 7.627 11.099 4.348 23.291 4.508 34.308.409 3.04-1.131 4.182-4.859 2.351-7.601-3.163-4.737-6.329-9.472-9.498-14.206z"
/>
<path
fill="url(#p)"
d="M302.014 193.379c.209 67.733-55.043 123.061-122.785 122.718C111.505 315.472 55.664 260.871 56.604 195c1.128-65.849 57.548-122.518 123.916-124.015 66.388-1.26 121.061 54.683 121.494 122.394z"
/>
<path
fill="url(#q)"
d="M455.396 195c-1.128-65.849-57.549-122.518-123.916-124.015-28.551-.54-54.692 9.401-75.479 26.291-20.788-16.891-46.927-26.831-75.479-26.291C114.152 72.483 57.732 129.152 56.604 195c-.472 32.68 12.896 62.203 34.708 84.119-.064-.259 77.231 78.064 77.212 78.236 2.809 2.859 6.688 4.66 10.967 4.701s8.13-1.691 10.891-4.506c-.113.127 65.542-66.903 65.618-66.976 21.957 22.409 43.875 44.793 65.609 66.976a15.018 15.018 0 0 0 10.9 4.506c4.28-.039 8.156-1.842 10.958-4.701-.01-.172 77.284-78.495 77.233-78.236 21.8-21.916 35.167-51.439 34.696-84.119z"
/>
<path
fill="url(#r)"
d="M343.836 248.702c-58.557-.093-117.114-.093-175.671 0a31687.982 31687.982 0 0 1 76.876 78.343c2.797 2.846 6.669 4.618 10.959 4.618s8.164-1.772 10.95-4.618c-.025-.038 76.923-78.468 76.886-78.343z"
/>
<path
fill="url(#s)"
d="M248.361 376.992c.029 34.259.071 68.517.127 102.776.009 4.245 3.372 7.696 7.513 7.695 4.141 0 7.505-3.45 7.513-7.695.055-34.259.098-68.517.127-102.776a63.096 63.096 0 0 1-7.639.477 63.512 63.512 0 0 1-7.641-.477z"
/>
<path
fill="url(#t)"
d="M266.223 337.137A12.27 12.27 0 0 0 256 331.663a12.266 12.266 0 0 0-10.221 5.474c-.002 0-5.646 8.475-9.417 14.146-1.814 2.729-.635 6.47 2.427 7.638a48.264 48.264 0 0 0 34.423 0c3.063-1.168 4.24-4.914 2.425-7.642-3.135-4.712-6.273-9.426-9.414-14.142z"
/>
<path
fill="url(#u)"
d="M378.364 162.404c-61.609-35.775-122.796-71.818-182.563-105.936-36.216 21.858-61.616 61.971-62.191 107.003-.871 67.052 54.534 121.922 122.39 122.067 67.856-.146 123.261-55.016 122.39-122.067-.005-.357-.019-.712-.026-1.067z"
/>
<path
fill="url(#v)"
d="M256 39.538c-21.848-.004-42.354 6.209-60.199 16.93-.469 67.156 54.04 121.166 121.48 121.643 22.318.144 43.214-5.62 61.083-15.707C376.71 95.858 321.564 39.648 256 39.538z"
/>
</svg>
More icons in the same style and category