Add icons to this collection by clicking the heart icon.
Invitation icon - also known as heart, love, ceremony, invitation, wedding invitation, birthday and party, and love and romance. 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 32 32"
>
<linearGradient
id="a"
x1="2.074"
x2="29.167"
y1="27.161"
y2="6.312"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="b"
x1="-3.28"
x2="23.813"
y1="20.204"
y2="-.645"
href="#a"
/>
<linearGradient
id="c"
x1="5.784"
x2="32.877"
y1="31.982"
y2="11.133"
href="#a"
/>
<linearGradient
id="d"
x1="-.106"
x2="26.987"
y1="24.328"
y2="3.479"
href="#a"
/>
<linearGradient
id="e"
x1="1.102"
x2="28.195"
y1="25.898"
y2="5.049"
href="#a"
/>
<linearGradient
id="f"
x1="1.566"
x2="28.659"
y1="26.501"
y2="5.652"
href="#a"
/>
<linearGradient
id="g"
x1=".857"
x2="27.95"
y1="25.58"
y2="4.731"
href="#a"
/>
<linearGradient
id="h"
x1="2.065"
x2="29.158"
y1="27.15"
y2="6.301"
href="#a"
/>
<linearGradient
id="i"
x1="2.53"
x2="29.623"
y1="27.753"
y2="6.904"
href="#a"
/>
<path
fill="url(#a)"
d="M30.148 5.967c-6.143-1.9-13.092-.3-14.145-.04-6.49-1.948-13.82-.049-14.131.034a.5.5 0 0 0-.372.483v20a.5.5 0 0 0 .648.478c6.244-1.931 13.65-.014 13.724.006a.489.489 0 0 0 .273-.015v.009c6.243-1.931 13.649-.014 13.724.006a.5.5 0 0 0 .128.016.5.5 0 0 0 .5-.5v-20a.5.5 0 0 0-.349-.477zM15.5 25.811a33.459 33.459 0 0 0-6.976-.762 23.4 23.4 0 0 0-6.024.731V6.839c1.548-.351 7.639-1.548 13-.022zm14 0c-1.891-.419-7.659-1.458-13-.023V6.839c1.54-.35 7.634-1.549 13-.022z"
/>
<path
fill="url(#b)"
d="M5.974 8.756a2.4 2.4 0 0 0 0 3.387l2.68 2.68a.5.5 0 0 0 .707 0l2.681-2.68a2.4 2.4 0 0 0-3.034-3.679 2.4 2.4 0 0 0-3.034.292zm5.36.707a1.4 1.4 0 0 1 0 1.973l-2.326 2.326-2.327-2.326a1.4 1.4 0 0 1 .986-2.382 1.382 1.382 0 0 1 .987.409.5.5 0 0 0 .707 0 1.428 1.428 0 0 1 1.973 0z"
/>
<path
fill="url(#c)"
d="M22.952 16.486a2.4 2.4 0 0 0-3.034 3.679l2.681 2.68a.5.5 0 0 0 .707 0l2.679-2.68a2.394 2.394 0 0 0 0-3.387 2.449 2.449 0 0 0-3.033-.292zm2.326 2.972-2.326 2.327-2.327-2.327a1.4 1.4 0 0 1 1.975-1.973.514.514 0 0 0 .707 0 1.427 1.427 0 0 1 1.972 0 1.394 1.394 0 0 1 0 1.973z"
/>
<path
fill="url(#d)"
d="M4.508 17.314a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 0-1h-8a.5.5 0 0 0-.5.5z"
/>
<path
fill="url(#e)"
d="M13.008 19.314h-8a.5.5 0 1 0 0 1h8a.5.5 0 1 0 0-1z"
/>
<path
fill="url(#f)"
d="M9.008 21.814h-4a.5.5 0 1 0 0 1h4a.5.5 0 0 0 0-1z"
/>
<path
fill="url(#g)"
d="M18.452 8.577a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 0-1h-8a.5.5 0 0 0-.5.5z"
/>
<path
fill="url(#h)"
d="M26.952 10.577h-8a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1z"
/>
<path
fill="url(#i)"
d="M23.452 13.577a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 0 0 1h4a.5.5 0 0 0 .5-.5z"
/>
</svg>
More icons in the same style and category