Add icons to this collection by clicking the heart icon.
Balloon icon - also known as balloon, float, halloween, smile, face, scary, and monster. Created in a clean outline 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="28.347"
x2="25.705"
y1="-5.309"
y2="60.746"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#38d6a4" />
<stop offset=".171" stop-color="#32caae" />
<stop offset=".478" stop-color="#22abc8" />
<stop offset=".884" stop-color="#0879f2" />
<stop offset=".999" stop-color="#0069ff" />
</linearGradient>
<linearGradient
id="b"
x1="18.987"
x2="16.345"
y1="-5.683"
y2="60.372"
href="#a"
/>
<linearGradient
id="c"
x1="48.121"
x2="45.478"
y1="-4.518"
y2="61.537"
href="#a"
/>
<linearGradient
id="d"
x1="37.9"
x2="35.258"
y1="-4.927"
y2="61.128"
href="#a"
/>
<linearGradient
id="e"
x1="42.989"
x2="40.347"
y1="-4.723"
y2="61.332"
href="#a"
/>
<linearGradient
id="f"
x1="52.973"
x2="50.331"
y1="-4.324"
y2="61.731"
href="#a"
/>
<linearGradient
id="g"
x1="48.221"
x2="45.578"
y1="-4.514"
y2="61.541"
href="#a"
/>
<linearGradient
id="h"
x1="7.825"
x2="5.183"
y1="-6.13"
y2="59.925"
href="#a"
/>
<linearGradient
id="i"
x1="13.476"
x2="10.834"
y1="-5.904"
y2="60.151"
href="#a"
/>
<linearGradient
id="j"
x1="30.129"
x2="27.487"
y1="-5.237"
y2="60.817"
href="#a"
/>
<linearGradient
id="k"
x1="37.777"
x2="35.135"
y1="-4.932"
y2="61.123"
href="#a"
/>
<linearGradient
id="l"
x1="57.026"
x2="54.384"
y1="-4.162"
y2="61.893"
href="#a"
/>
<linearGradient
id="m"
x1="61.36"
x2="58.717"
y1="-3.988"
y2="62.067"
href="#a"
/>
<linearGradient
id="n"
x1="13.774"
x2="11.132"
y1="-5.892"
y2="60.163"
href="#a"
/>
<linearGradient
id="o"
x1="23.76"
x2="21.117"
y1="-5.492"
y2="60.563"
href="#a"
/>
<linearGradient
id="p"
x1="19.367"
x2="16.725"
y1="-5.668"
y2="60.387"
href="#a"
/>
<path
fill="url(#a)"
d="M27.144 8.014a1 1 0 0 0 1.713-1.031 17.27 17.27 0 0 0-.328-.526 1 1 0 0 0-1.679 1.086c.1.157.198.311.294.471z"
/>
<path
fill="url(#b)"
d="m21.528 38.989-.373-1.494C27.358 35.546 32 28 32 19a25.019 25.019 0 0 0-1.042-7.224 1 1 0 0 0-1.916.578A22.96 22.96 0 0 1 30 19c0 9.374-5.383 17-12 17S6 28.374 6 19 11.383 2 18 2a9.137 9.137 0 0 1 5.415 1.839 1 1 0 0 0 1.17-1.622A11.245 11.245 0 0 0 18 0C10.28 0 4 8.523 4 19c0 9 4.642 16.546 10.845 18.495l-.373 1.5A1.995 1.995 0 0 0 17 41.381V63a1 1 0 0 0 2 0V41.38a1.994 1.994 0 0 0 2.528-2.391zm-1.941.486-1.271-.424a1 1 0 0 0-.632 0l-1.272.424.369-1.475h2.44l.372 1.477z"
/>
<path
fill="url(#c)"
d="M50.146 40.46C55.8 38.559 60 31.687 60 23.5 60 13.851 54.168 6 47 6s-13 7.851-13 17.5a23.861 23.861 0 0 0 .16 2.763 1 1 0 1 0 1.986-.234A21.821 21.821 0 0 1 36 23.5C36 14.953 40.935 8 47 8s11 6.953 11 15.5S53.065 39 47 39a9.347 9.347 0 0 1-7.068-3.645 1 1 0 0 0-1.53 1.29 12.264 12.264 0 0 0 5.45 3.823l-.38 1.522A1.995 1.995 0 0 0 46 44.381V63a1 1 0 0 0 2 0V44.38a1.994 1.994 0 0 0 2.528-2.391zm-1.559 2.015-1.271-.424a1 1 0 0 0-.632 0l-1.272.424.369-1.475h2.44l.372 1.477z"
/>
<path
fill="url(#d)"
d="M36.589 32.711a1 1 0 0 0 .922-1.387 16.81 16.81 0 0 1-.265-.673 1 1 0 1 0-1.875.7c.094.253.193.5.3.748a1 1 0 0 0 .918.612z"
/>
<path
fill="url(#e)"
d="M45.555 19.168a16.911 16.911 0 0 1-4.723-4.723 1 1 0 0 0-1.812.359l-1 5A1 1 0 0 0 39 21h6a1 1 0 0 0 .555-1.832zM40.22 19l.325-1.625A18.922 18.922 0 0 0 42.111 19z"
/>
<path
fill="url(#f)"
d="M49 21h6a1 1 0 0 0 .98-1.2l-1-5a1 1 0 0 0-1.812-.359 16.911 16.911 0 0 1-4.723 4.723A1 1 0 0 0 49 21zm4.455-3.625L53.78 19h-1.891a18.922 18.922 0 0 0 1.566-1.625z"
/>
<path
fill="url(#g)"
d="m46.293 26.293-1.448 1.448-4.33-2.6a1 1 0 0 0-1.41 1.3l4 8a1 1 0 0 0 1.6.26L47 32.414l2.293 2.293A1 1 0 0 0 50 35a.959.959 0 0 0 .16-.013 1 1 0 0 0 .735-.54l4-8a1 1 0 0 0-1.41-1.3l-4.33 2.6-1.448-1.448a1 1 0 0 0-1.414-.006zm3.222 3.564 2.055-1.232-1.844 3.687-2.019-2.019a1 1 0 0 0-1.414 0l-2.019 2.019-1.844-3.687 2.055 1.232a1 1 0 0 0 1.222-.15L47 28.414l1.293 1.293a1 1 0 0 0 1.222.15z"
/>
<path
fill="url(#h)"
d="M11 52a1 1 0 0 0-1-1H1a1 1 0 0 0 0 2h9a1 1 0 0 0 1-1z"
/>
<path fill="url(#i)" d="M13 55H9a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2z" />
<path
fill="url(#j)"
d="M35 48a1 1 0 0 0-1-1H22a1 1 0 0 0 0 2h12a1 1 0 0 0 1-1z"
/>
<path fill="url(#k)" d="M41 51H30a1 1 0 0 0 0 2h11a1 1 0 0 0 0-2z" />
<path fill="url(#l)" d="M57 58h-5a1 1 0 0 0 0 2h5a1 1 0 0 0 0-2z" />
<path fill="url(#m)" d="M63 54h-8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2z" />
<path
fill="url(#n)"
d="M14.909 17.505a10.2 10.2 0 0 1 .924-2.512l.078-.145a7.473 7.473 0 0 0 1.227-4.048 2.885 2.885 0 0 0-1.888-2.546 3.541 3.541 0 0 0-3.191.08 4.709 4.709 0 0 0-1.459 1.64 12.167 12.167 0 0 0-1.739 5.591c-.088 2.2.869 4.813 3.178 5.371a2.615 2.615 0 0 0 .608.076 1.9 1.9 0 0 0 1.1-.333 3.371 3.371 0 0 0 1.073-2.559 6.044 6.044 0 0 1 .089-.615zm-.839-3.457a12.192 12.192 0 0 0-1.11 3.008 8.28 8.28 0 0 0-.126.834 8.512 8.512 0 0 1-.172 1.122.433.433 0 0 1-.157-.02c-1.286-.311-1.694-2.218-1.649-3.347a10.141 10.141 0 0 1 1.462-4.652 2.906 2.906 0 0 1 .815-.972.809.809 0 0 1 .458-.12 2.66 2.66 0 0 1 .936.219.883.883 0 0 1 .615.813 5.791 5.791 0 0 1-.993 2.968z"
/>
<path
fill="url(#o)"
d="M23.94 8.334a3.53 3.53 0 0 0-3.189-.08 2.885 2.885 0 0 0-1.889 2.546 7.473 7.473 0 0 0 1.227 4.045l.078.145a10.162 10.162 0 0 1 .923 2.512 5.758 5.758 0 0 1 .089.615 3.371 3.371 0 0 0 1.073 2.559 1.9 1.9 0 0 0 1.1.333 2.609 2.609 0 0 0 .608-.076c2.309-.558 3.266-3.175 3.178-5.371A12.177 12.177 0 0 0 25.4 9.974a4.716 4.716 0 0 0-1.46-1.64zm-.44 10.658c-.05.012-.087.017-.105.024a4.4 4.4 0 0 1-.224-1.126 8.048 8.048 0 0 0-.127-.835 12.158 12.158 0 0 0-1.109-3.007l-.079-.147a5.791 5.791 0 0 1-.993-2.968.883.883 0 0 1 .615-.813 2.66 2.66 0 0 1 .932-.22.8.8 0 0 1 .456.12 2.912 2.912 0 0 1 .817.972 10.151 10.151 0 0 1 1.461 4.652c.045 1.13-.363 3.037-1.644 3.348z"
/>
<path
fill="url(#p)"
d="M18 34c2.243 0 4-2.416 4-5.5S20.243 23 18 23s-4 2.416-4 5.5 1.757 5.5 4 5.5zm0-9c.946 0 2 1.438 2 3.5S18.946 32 18 32s-2-1.438-2-3.5 1.054-3.5 2-3.5z"
/>
</svg>
More icons in the same style and category