Add icons to this collection by clicking the heart icon.
Invitation icon - also known as balloon, envelope, greeting, party, celebration, other, invitation, birthday card, birthday and party, and invite. 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="a">
<stop offset="0" stop-color="#ff2525" />
<stop offset="1" stop-color="#ffe53b" />
</linearGradient>
<linearGradient
id="b"
x1="256"
x2="256"
y1="503.046"
y2="6.387"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="166"
x2="166"
y1="503.046"
y2="6.387"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="306"
x2="306"
y1="503.046"
y2="6.387"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="223"
x2="223"
y1="503.046"
y2="6.387"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="328.5"
x2="328.5"
y1="503.046"
y2="6.387"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="266"
x2="266"
y1="503.046"
y2="6.387"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="333.961"
x2="333.961"
y1="503.046"
y2="6.387"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M512 267c0-1.5-.8-3-2-3.9l-88-65.7c-1.5-1.1-3.5-1.3-5.2-.5s-2.8 2.6-2.8 4.5v128.8l-67.9 50.7L259 316c-1.8-1.3-4.2-1.3-6 0l-86.9 64.8L98 330.1V25c0-8.3 6.7-15 15-15h286c8.3 0 15 6.7 15 15v156h10V25c0-13.8-11.2-25-25-25H113C99.2 0 88 11.2 88 25v297.6L13.4 267l65.9-49.1-6-8L2 263c-1.3.9-2 2.4-2 4v240c0 2.8 2.2 5 5 5h502c2.8 0 5-2.2 5-5zm-88-55.6 74.6 55.7-74.6 55.7zm78 65.7v220l-147.6-110zm-246 49.1L491.9 502H20.1zM157.7 387 10 497V277z"
/>
<path
fill="url(#c)"
d="M146 81c8.3 0 15 6.7 15 15 0 2.8 2.2 5 5 5s5-2.2 5-5c0-8.3 6.7-15 15-15 2.8 0 5-2.2 5-5s-2.2-5-5-5c-8.3 0-15-6.7-15-15 0-2.8-2.2-5-5-5s-5 2.2-5 5c0 8.3-6.7 15-15 15-2.8 0-5 2.2-5 5s2.2 5 5 5zm20-10c1.4 1.9 3.1 3.6 5 5-1.9 1.4-3.6 3.1-5 5-1.4-1.9-3.1-3.6-5-5 1.9-1.4 3.6-3.1 5-5z"
/>
<path
fill="url(#d)"
d="M286 261c8.3 0 15 6.7 15 15 0 2.8 2.2 5 5 5s5-2.2 5-5c0-8.3 6.7-15 15-15 2.8 0 5-2.2 5-5s-2.2-5-5-5c-8.3 0-15-6.7-15-15 0-2.8-2.2-5-5-5s-5 2.2-5 5c0 8.3-6.7 15-15 15-2.8 0-5 2.2-5 5s2.2 5 5 5zm20-10c1.4 1.9 3.1 3.6 5 5-1.9 1.4-3.6 3.1-5 5-1.4-1.9-3.1-3.6-5-5 1.9-1.4 3.6-3.1 5-5z"
/>
<path
fill="url(#e)"
d="M146 281c.8 0 1.5-.2 2.2-.5l154-77c1.4-.7 2.4-2.1 2.7-3.7s-.3-3.2-1.4-4.3l-77-77c-1.1-1.1-2.7-1.7-4.3-1.4s-3 1.3-3.7 2.7l-77 154c-1 1.9-.6 4.3.9 5.8 1 .9 2.3 1.4 3.6 1.4zm108-64.6v-56.3l37.6 37.6zm-29.6-86L244 150v71.3l-42 21v-67.2zM192 195.2v52.2l-34.8 17.4z"
/>
<path fill="url(#f)" d="m362.5 52.5-75 75 7 7 75-75z" />
<path
fill="url(#g)"
d="m254.5 111.6 9 4.3 18.8-39.7c1.1-2.3 1.7-5 1.7-7.6 0-9.7-7.9-17.7-17.7-17.7-10.1 0-18.3 8.2-18.3 18.3V74h10v-4.7c0-4.6 3.7-8.3 8.3-8.3 4.2 0 7.7 3.4 7.7 7.7 0 1.1-.3 2.3-.7 3.3z"
/>
<path
fill="url(#h)"
d="M355 154h-9v10h9c8.8 0 16-7.2 16-16s-7.2-16-16-16c-9.5 0-18.7 2.8-26.5 8.2L297 161.8l5.7 8.2 31.5-21.6c6.2-4.2 13.4-6.5 20.9-6.5 3.3 0 6 2.7 6 6s-2.8 6.1-6.1 6.1z"
/>
</svg>
More icons in the same style and category