Add icons to this collection by clicking the heart icon.
Romance icon - also known as marriage, heart, romance, couple, marital status, wedding rings, 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 512 512"
>
<linearGradient
id="c"
x1="74.98"
x2="437.019"
y1="437.02"
y2="74.981"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4c4c" />
<stop offset="1" stop-color="#fff200" />
</linearGradient>
<radialGradient
id="d"
cx="256"
cy="256"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset=".006" stop-color="#ff4c4c" stop-opacity=".3" />
<stop offset=".237" stop-color="#ff4f4d" stop-opacity=".23" />
<stop offset=".39" stop-color="#ff584f" stop-opacity=".184" />
<stop offset=".521" stop-color="#ff6753" stop-opacity=".145" />
<stop offset=".639" stop-color="#ff7c59" stop-opacity=".109" />
<stop offset=".748" stop-color="#ff985f" stop-opacity=".076" />
<stop offset=".851" stop-color="#ffba68" stop-opacity=".045" />
<stop offset=".948" stop-color="#ffe172" stop-opacity=".016" />
<stop offset="1" stop-color="#fffa78" stop-opacity="0" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#fff200" stop-opacity="0" />
<stop offset=".138" stop-color="#ffee01" stop-opacity=".042" />
<stop offset=".281" stop-color="#ffe104" stop-opacity=".085" />
<stop offset=".427" stop-color="#ffcd08" stop-opacity=".128" />
<stop offset=".575" stop-color="#ffb00f" stop-opacity=".172" />
<stop offset=".723" stop-color="#ff8a17" stop-opacity=".217" />
<stop offset=".871" stop-color="#ff5d21" stop-opacity=".261" />
<stop offset="1" stop-color="#ff2f2b" stop-opacity=".3" />
</linearGradient>
<radialGradient
id="e"
cx="207.148"
cy="304.852"
r="131.517"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="f"
cx="304.852"
cy="207.149"
r="131.517"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ffcb00" />
<stop offset="1" stop-color="#fffa78" />
</linearGradient>
<linearGradient
id="g"
x1="138.081"
x2="566.652"
y1="373.885"
y2="-54.686"
gradientTransform="rotate(180 303.73 208.268)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="76.069"
x2="504.224"
y1="435.926"
y2="7.771"
gradientTransform="rotate(180 303.73 208.268)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="174.832"
x2="281.959"
y1="174.018"
y2="174.018"
gradientUnits="userSpaceOnUse"
>
<stop offset=".006" stop-color="#ff4c4c" stop-opacity=".8" />
<stop offset=".033" stop-color="#ff5349" stop-opacity=".778" />
<stop offset=".28" stop-color="#ff8b2f" stop-opacity=".58" />
<stop offset=".508" stop-color="#ffb81b" stop-opacity=".396" />
<stop offset=".712" stop-color="#ffd80c" stop-opacity=".232" />
<stop offset=".883" stop-color="#ffeb03" stop-opacity=".094" />
<stop offset="1" stop-color="#fff200" stop-opacity="0" />
</linearGradient>
<linearGradient
id="j"
x1="42.622"
x2="471.193"
y1="469.351"
y2="40.78"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="-19.391"
x2="408.764"
y1="531.391"
y2="103.236"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="316.271"
x2="453.518"
y1="319.449"
y2="319.449"
gradientUnits="userSpaceOnUse"
>
<stop offset=".006" stop-color="#ff4c4c" stop-opacity=".8" />
<stop offset=".101" stop-color="#ff6541" stop-opacity=".723" />
<stop offset=".32" stop-color="#ff972a" stop-opacity=".547" />
<stop offset=".526" stop-color="#ffbe18" stop-opacity=".381" />
<stop offset=".715" stop-color="#ffdb0b" stop-opacity=".23" />
<stop offset=".879" stop-color="#ffec03" stop-opacity=".098" />
<stop offset="1" stop-color="#fff200" stop-opacity="0" />
</linearGradient>
<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="M338.664 304.711c-.661 72.187-59.781 132.421-130.573 131.651-70.774-1.085-131.367-61.677-132.451-132.452-.771-70.792 59.464-129.913 131.651-130.573 72.205-.31 131.683 59.168 131.373 131.374z"
/>
<path
fill="url(#f)"
d="M436.361 208.091c.771 70.792-59.464 129.913-131.651 130.573-72.206.311-131.684-59.168-131.374-131.374.661-72.187 59.781-132.421 130.573-131.651 70.774 1.084 131.367 61.678 132.452 132.452z"
/>
<path
fill="url(#g)"
d="M208.179 444.037c74.736.839 137.397-63.071 138.161-139.368.351-76.319-62.69-139.359-139.008-139.008a22392.388 22392.388 0 0 0-32.499 9.172l15.215 15.215c35.132-5.45 72.12 5.487 99.269 32.636 45.683 45.493 45.037 118.641-.341 164.41-45.245 45.957-116.656 44.865-162.729-1.341-46.205-46.072-47.298-117.483-1.341-162.729 9.974-9.871 21.29-17.649 33.334-23.289 5.809-5.842 11.618-11.693 17.422-17.55a7676.384 7676.384 0 0 0-20.907-5.81c-50.811 21.362-87.513 70.632-86.792 127.446 1.212 74.716 65.501 139.005 140.216 140.216z"
/>
<path
fill="url(#h)"
d="M105.341 406.659c58.56 58.84 147.595 60.513 204.925 1.976 57.61-58.165 58.717-149.979.712-207.612-30.771-30.761-71.335-45.185-111.242-42.782-8.289 5.53-16.591 11.062-24.903 16.591a9902.62 9902.62 0 0 1 18.831-.713c4.481-.492 9.026-.76 13.626-.783 72.206-.31 131.684 59.169 131.374 131.374-.661 72.187-59.781 132.421-130.573 131.651-70.774-1.085-131.367-61.678-132.451-132.451-.664-54.814 35.247-102.154 84.704-121.596 5.107-.046 10.214-.089 15.321-.128-3.669-5.84-7.327-11.671-10.971-17.493-22.318 6.997-43.48 19.428-61.328 37.041-58.538 57.33-56.865 146.366 1.975 204.925z"
/>
<path
fill="url(#i)"
d="M190.047 190.048a115.536 115.536 0 0 1 31.209-.545 85.51 85.51 0 0 1 12.184-29.285 143.359 143.359 0 0 0-33.704-1.977 21971.65 21971.65 0 0 1-24.903 16.592l15.214 15.215z"
/>
<path
fill="url(#j)"
d="M303.822 67.964c-74.736-.839-137.396 63.07-138.161 139.368-.351 76.318 62.69 139.359 139.008 139.008 4.553-2.819 9.109-5.638 13.669-8.458a116.672 116.672 0 0 0 3.615-15.929c-35.132 5.45-72.121-5.487-99.269-32.636-45.683-45.493-45.037-118.642.341-164.41 45.245-45.958 116.656-44.865 162.729 1.341 46.205 46.073 47.298 117.483 1.341 162.729-9.974 9.871-21.29 17.649-33.334 23.289a144.607 144.607 0 0 1-2.101 17.422l5.586 5.938c50.812-21.362 87.513-70.633 86.792-127.446-1.213-74.716-65.501-139.004-140.216-140.216z"
/>
<path
fill="url(#k)"
d="M406.659 105.342c-58.56-58.84-147.595-60.513-204.925-1.976-57.61 58.165-58.716 149.98-.712 207.612 30.771 30.761 71.335 45.185 111.242 42.782a117.253 117.253 0 0 0 6.071-15.878c-4.481.492-9.026.758-13.626.783-72.205.311-131.684-59.167-131.374-131.374.66-72.187 59.781-132.421 130.573-131.651 70.774 1.084 131.367 61.678 132.451 132.452.664 54.813-35.247 102.154-84.704 121.596a146.945 146.945 0 0 1-4.35 17.62c22.319-6.997 43.48-19.428 61.328-37.041 58.539-57.331 56.866-146.366-1.974-204.925z"
/>
<path
fill="url(#l)"
d="M384.335 291.591c-9.286 8.629-19.623 15.546-30.575 20.675a146.019 146.019 0 0 1-6.452 35.042c12.169-3.815 23.982-9.256 35.113-16.259a171.66 171.66 0 0 0 2.299-26.641c.034-4.312-.101-8.583-.385-12.817z"
/>
</svg>
More icons in the same style and category