Add icons to this collection by clicking the heart icon.
Balloon icon - also known as balloon, heart, birthday, party, love, decoration, romantic, valentines, lovely, dating, and valentines day. 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="34"
x2="34"
y1="-.282"
y2="65.276"
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="22.053"
x2="22.053"
y1="-.282"
y2="65.276"
href="#a"
/>
<linearGradient id="c" x1="54" x2="54" y1="-.282" y2="65.276" href="#a" />
<linearGradient
id="d"
x1="44.55"
x2="44.55"
y1="-.282"
y2="65.276"
href="#a"
/>
<linearGradient id="e" x1="4" x2="4" y1="-.282" y2="65.276" href="#a" />
<linearGradient id="f" x1="6.5" x2="6.5" y1="-.282" y2="65.276" href="#a" />
<linearGradient id="g" x1="1.5" x2="1.5" y1="-.282" y2="65.276" href="#a" />
<linearGradient id="h" x1="60" x2="60" y1="-.282" y2="65.276" href="#a" />
<linearGradient
id="i"
x1="62.5"
x2="62.5"
y1="-.282"
y2="65.276"
href="#a"
/>
<linearGradient
id="j"
x1="57.5"
x2="57.5"
y1="-.282"
y2="65.276"
href="#a"
/>
<linearGradient
id="k"
x1="48.768"
x2="48.768"
y1="-.282"
y2="65.276"
gradientTransform="rotate(-135 48.771 3.234)"
href="#a"
/>
<linearGradient
id="l"
x1="45.232"
x2="45.232"
y1="-.282"
y2="65.276"
gradientTransform="rotate(-135 45.236 6.77)"
href="#a"
/>
<linearGradient
id="m"
x1="48.768"
x2="48.768"
y1="-.282"
y2="65.276"
gradientTransform="rotate(135 48.772 6.767)"
href="#a"
/>
<linearGradient
id="n"
x1="45.232"
x2="45.232"
y1="-.282"
y2="65.276"
gradientTransform="rotate(135 45.236 3.231)"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M32 6a3 3 0 0 1 3 3 1 1 0 0 0 2 0 5.006 5.006 0 0 0-5-5 1 1 0 0 0 0 2z"
/>
<path
fill="url(#b)"
d="M23.352 33.136 37.1 20.891c4.287-3.672 4.7-9.5 3.214-13.658C38.808 3.021 35.55.461 31.6.386h-.2A11.786 11.786 0 0 0 22.121 5.2 11.786 11.786 0 0 0 12.847.385h-.207c-3.921.074-7.2 2.6-8.769 6.75-1.559 4.123-1.257 10 2.944 13.849l13.83 12.156L18.2 36.4A1 1 0 0 0 19 38h2.256a7.686 7.686 0 0 1-1.835 7.96 9.8 9.8 0 0 0-.647 13.12l3.819 4.562a1 1 0 1 0 1.533-1.284L20.308 57.8a7.766 7.766 0 0 1 .5-10.4 9.693 9.693 0 0 0 2.556-9.4H25a1 1 0 0 0 .8-1.6zM21.967 36H21l1-1.333L23 36zM5.742 7.843c1.27-3.359 3.862-5.4 6.932-5.457h.173a10.053 10.053 0 0 1 8.423 5.1 1.039 1.039 0 0 0 1.7 0 10.052 10.052 0 0 1 8.423-5.1h.169c3.083.058 5.652 2.123 6.871 5.523 1.258 3.509.93 8.417-2.639 11.469l-.015.013L22 31.665 8.151 19.5c-3.496-3.207-3.729-8.165-2.409-11.657z"
/>
<path
fill="url(#c)"
d="M55 19a1 1 0 0 0 2 0 5.006 5.006 0 0 0-5-5 1 1 0 0 0 0 2 3 3 0 0 1 3 3z"
/>
<path
fill="url(#d)"
d="M43.352 43.136 57.1 30.9c4.293-3.67 4.711-9.507 3.22-13.664-1.51-4.212-4.768-6.772-8.718-6.847h-.2a12.031 12.031 0 0 0-10.132 6.043 1 1 0 1 0 1.7 1.048 10.052 10.052 0 0 1 8.423-5.1h.169c3.083.058 5.652 2.123 6.871 5.523 1.258 3.509.93 8.417-2.654 11.482L42 41.665 29.66 30.823a1 1 0 0 0-1.32 1.5L40.645 43.14 38.2 46.4A1 1 0 0 0 39 48h2.256a7.686 7.686 0 0 1-1.835 7.96 9.636 9.636 0 0 0-2.867 7.054 1 1 0 0 0 1 .986h.014a1 1 0 0 0 .986-1.014 7.622 7.622 0 0 1 2.258-5.586 9.693 9.693 0 0 0 2.552-9.4H45a1 1 0 0 0 .8-1.6zM41.966 46H41l1-1.333L43 46z"
/>
<path
fill="url(#e)"
d="M4 30a1 1 0 0 0 1-1v-1a1 1 0 0 0-2 0v1a1 1 0 0 0 1 1zM4 32a1 1 0 0 0-1 1v1a1 1 0 0 0 2 0v-1a1 1 0 0 0-1-1z"
/>
<path fill="url(#f)" d="M7 30H6a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#g)" d="M2 30H1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path
fill="url(#h)"
d="M59 34v1a1 1 0 0 0 2 0v-1a1 1 0 0 0-2 0zM60 38a1 1 0 0 0-1 1v1a1 1 0 0 0 2 0v-1a1 1 0 0 0-1-1z"
/>
<path fill="url(#i)" d="M63 36h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#j)" d="M58 36h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<rect
width="3"
height="2"
x="47.268"
y="2.232"
fill="url(#k)"
rx="1"
transform="rotate(135 48.771 3.231)"
/>
<rect
width="3"
height="2"
x="43.732"
y="5.768"
fill="url(#l)"
rx="1"
transform="rotate(135 45.236 6.767)"
/>
<rect
width="3"
height="2"
x="47.268"
y="5.768"
fill="url(#m)"
rx="1"
transform="rotate(-135 48.771 6.77)"
/>
<rect
width="3"
height="2"
x="43.732"
y="2.232"
fill="url(#n)"
rx="1"
transform="rotate(-135 45.236 3.234)"
/>
</g>
</svg>
More icons in the same style and category