Add icons to this collection by clicking the heart icon.
Love And Romance icon - also known as heart, animals, unicorn, feelings, fantasy, legend, smileys, folklore, fairy tale, and love and romance. Created in a clean gradient style with a white, silver, gray, navy, orange, and pink finish, 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 502 502"
>
<linearGradient id="a">
<stop offset="0" stop-color="#7ed99e" />
<stop offset=".253" stop-color="#81daa3" />
<stop offset=".573" stop-color="#88ddb3" />
<stop offset=".926" stop-color="#95e2cd" />
<stop offset="1" stop-color="#98e3d3" />
</linearGradient>
<linearGradient
id="g"
x1="160.899"
x2="61.345"
y1="356.122"
y2="356.122"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#cdd4d4" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="h"
x1="289.19"
x2="289.19"
y1="361.54"
y2="477.892"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#d9e0e0" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="i"
x1="192.035"
x2="192.035"
y1="352.313"
y2="478.449"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="207.611"
x2="207.611"
y1="352.313"
y2="478.424"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="344.066"
x2="399.794"
y1="336.791"
y2="336.791"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#e08243" />
<stop offset="1" stop-color="#f0bb78" />
</linearGradient>
<linearGradient
id="l"
x1="410.426"
x2="410.426"
y1="397.373"
y2="356.003"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#b39bdb" />
<stop offset="1" stop-color="#d0c3e8" />
</linearGradient>
<linearGradient
id="m"
x1="157.377"
x2="42.127"
y1="161.845"
y2="161.845"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="n"
x1="241.521"
x2="241.521"
y1="90.531"
y2="11.01"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="o"
x1="330.818"
x2="330.818"
y1="124.806"
y2="45.248"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="258.095"
x2="258.095"
y1="242.545"
y2="408.985"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="80.349"
x2="386.338"
y1="192.25"
y2="192.25"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="r"
x1="255.948"
x2="354.129"
y1="103.089"
y2="103.089"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4d952" />
<stop offset="1" stop-color="#f9edaf" />
</linearGradient>
<linearGradient id="f">
<stop offset="0" stop-color="#ec6f80" />
<stop offset="1" stop-color="#eca0aa" />
</linearGradient>
<linearGradient
id="s"
x1="255.944"
x2="334.361"
y1="64.994"
y2="64.994"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="t"
x1="271.321"
x2="331.808"
y1="26.319"
y2="26.319"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="187.809"
x2="187.809"
y1="175.109"
y2="80.936"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="v"
x1="254.495"
x2="254.495"
y1="340.223"
y2="299.038"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="w"
x1="67.1"
x2="67.1"
y1="106.195"
y2="24.585"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="x"
x1="448.193"
x2="448.193"
y1="125.789"
y2="67.829"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="y"
x1="58.98"
x2="58.98"
y1="324.036"
y2="258.725"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="z"
x1="258.548"
x2="309.431"
y1="289.362"
y2="289.362"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="A"
x1="160.047"
x2="160.047"
y1="487.321"
y2="441.582"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="B"
x1="263.891"
x2="311.774"
y1="484.09"
y2="484.09"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<path
fill="url(#g)"
d="M170.967 404.065c27.08-12.628 38.796-44.817 26.168-71.896-12.627-27.08-44.817-38.796-71.896-26.168-23.337 10.883-36.904 37.586-63.864 38.955-9.383.477-15.012 10.725-9.948 18.639 29.892 46.716 84.683 56.724 119.54 40.47z"
/>
<g fill="#a7f2d2">
<path
d="M129.73 401.55c-.345 0-.693-.018-1.045-.055a86.603 86.603 0 0 1-12.599-2.283c-5.348-1.379-8.565-6.832-7.187-12.181 1.379-5.347 6.827-8.564 12.181-7.187a66.332 66.332 0 0 0 9.671 1.758c5.493.57 9.483 5.485 8.913 10.979-.533 5.143-4.874 8.969-9.934 8.969zM86.689 383.839a9.964 9.964 0 0 1-6.264-2.209 96.042 96.042 0 0 1-14.498-14.503c-3.469-4.298-2.796-10.594 1.503-14.062 4.295-3.468 10.593-2.797 14.062 1.503a76.021 76.021 0 0 0 11.473 11.479c4.303 3.463 4.983 9.758 1.521 14.061a9.981 9.981 0 0 1-7.797 3.731z"
/>
</g>
<path
fill="url(#h)"
d="M273.107 470.028c16.132 11.218 37.984 10.459 50.738-2.435-.729-34.113-5.915-75.666-24.776-97.333-9.205-10.576-25.242-11.688-35.816-2.48-10.575 9.206-11.686 25.241-2.48 35.816 4.723 5.426 11.626 27.434 12.334 66.432z"
/>
<path
fill="url(#i)"
d="M158.968 476.681c-13.744-2.769-22.643-16.155-19.874-29.899 2.769-13.743 16.149-22.643 29.899-19.874 5.296 1.066 15.009 1.951 20.568-4.106 6.183-6.738 6.9-20.932 1.916-37.966-3.937-13.457 3.78-27.557 17.236-31.494 13.465-3.938 27.557 3.78 31.494 17.236 21.115 72.17-24.287 117.576-81.239 106.103z"
/>
<path
fill="url(#j)"
d="M240.207 370.578c-3.937-13.456-18.029-21.174-31.494-17.236-13.456 3.937-21.173 18.037-17.236 31.494 4.984 17.034 4.267 31.227-1.916 37.966-2.86 3.116-6.818 4.388-10.709 4.75-8.399 10.946-14.976 36.494-.939 50.872 47.493-.98 81.002-43.905 62.294-107.846z"
/>
<path
fill="url(#k)"
d="M398.9 340.745c-10.049-2.681-15.315-9.913-23.739-22.572-7.85-11.794-16.746-25.161-32.973-32.585-12.75-5.832-27.814-.224-33.647 12.525-5.832 12.75-.225 27.814 12.525 33.647 10.646 4.87 22.001 47.8 66.896 58.54 12.411-7.422 18.421-27.276 10.938-49.555z"
/>
<path
fill="url(#l)"
d="M434.95 367.343c0-14.02-11.365-25.387-25.386-25.387-4.143 0-7.62-.4-10.664-1.211-10.826 10.612-16.249 35.76-10.937 49.555 6.471 1.548 13.638 2.429 21.601 2.429 14.021 0 25.386-11.366 25.386-25.386z"
/>
<path
fill="url(#m)"
d="M236.621 140.178c.124-39.559-32.208-73.029-71.767-73.039-39.654-.01-71.804 32.134-71.804 71.786 0 12.408-.121 37.03-19.716 48.468-18.237 10.646-18.36 37.145-.25 48.004 39.345 23.592 96.728 32.067 143.035 1.032.001 0 20.273-23.191 20.502-96.251z"
/>
<circle cx="241.521" cy="83.833" r="71.787" fill="url(#n)" />
<path
fill="url(#o)"
d="M354.028 49.41c-21.02-7.651-56.147 23.909-65.393 61.245-5.377 21.713 5.703 37.351 26.722 45.001 21.02 7.651 39.559 2.793 49.397-17.296 16.916-34.544 10.293-81.3-10.726-88.95z"
/>
<path
fill="url(#p)"
d="M311.502 251.791c65.352 63.46 56.806 127.824 38.708 146.901-18.097 19.077-47.755 27.711-92.115 27.711s-74.018-8.635-92.115-27.711c-18.097-19.077-26.643-83.441 38.708-146.901z"
/>
<path
fill="url(#q)"
d="M451.716 216.561c-2.853 54.523-44.127 84.106-153.058 84.106-108.932 0-148.829-42.749-148.829-104.687 0-61.937 42.037-112.147 124.233-112.147 82.195 0 181.303 62.985 177.654 132.728z"
/>
<ellipse cx="229.457" cy="207.124" fill="#eaadcd" rx="14.936" ry="12.003" />
<ellipse cx="405.228" cy="207.124" fill="#eaadcd" rx="14.936" ry="12.003" />
<path
fill="#fff"
d="M255.064 181.472c7.183 0 13.813 1.589 19.159 4.273 4.544 2.281 9.962-.801 10.365-5.87.113-1.423.125-2.875.029-4.348-.991-15.146-13.602-27.24-28.775-27.629-16.713-.428-30.396 12.992-30.396 29.608 0 .843.036 1.678.105 2.503.422 5.01 5.857 7.995 10.349 5.738 5.347-2.685 11.979-4.275 19.164-4.275z"
/>
<path
fill="#3b3b44"
d="M354.697 258.169c-6.447 0-12.894-2.155-18.273-6.465-4.989-3.997-5.794-11.282-1.797-16.271 3.997-4.99 11.282-5.793 16.271-1.797a6.041 6.041 0 0 0 7.598 0c4.988-3.997 12.273-3.193 16.271 1.797 3.997 4.989 3.193 12.274-1.797 16.271-5.379 4.31-11.826 6.465-18.273 6.465zM255.064 181.472c5.926 0 11.473 1.082 16.237 2.967a17.572 17.572 0 0 0 1.415-6.933c0-9.749-7.903-17.652-17.652-17.652s-17.652 7.903-17.652 17.652c0 2.463.504 4.803 1.415 6.933 4.763-1.885 10.311-2.967 16.237-2.967z"
/>
<path
fill="#fff"
d="M379.621 181.472c7.183 0 13.813 1.589 19.158 4.273 4.544 2.281 9.962-.801 10.365-5.87a30 30 0 0 0 .029-4.348c-.991-15.146-13.602-27.24-28.775-27.629-16.713-.428-30.396 12.992-30.396 29.608 0 .843.035 1.678.105 2.503.422 5.01 5.857 7.995 10.349 5.738 5.349-2.685 11.98-4.275 19.165-4.275z"
/>
<path
fill="#3b3b44"
d="M379.621 181.472c5.926 0 11.473 1.082 16.237 2.967a17.572 17.572 0 0 0 1.415-6.933c0-9.749-7.903-17.652-17.652-17.652s-17.652 7.903-17.652 17.652c0 2.463.504 4.803 1.415 6.933 4.764-1.885 10.312-2.967 16.237-2.967z"
/>
<path
fill="url(#r)"
d="M258.187 97.446c-1.436 14.234 14.943 28.661 37.436 32.627 23.161 4.084 44.029-4.47 46.61-19.106 1.57-8.902 2.092-20.817 1.608-33.537-30.533-5.804-54.523-1.446-85.654 20.016z"
/>
<path
fill="#fcb500"
d="M290.671 99.774c-1.873-.924-3.315-1.882-4.308-2.7.241-1.017.521-2.085.819-3.175-9.57-.849-17.229-.65-28.993 3.546-1.044 10.344 7.316 20.788 20.597 27.247 8.209 3.992 17.963-1.008 19.548-9.998l.016-.09c1.077-6.109-2.116-12.084-7.679-14.83z"
/>
<path
fill="url(#s)"
d="M338.02 32.879c-22.203-1.522-43.902 1.608-64.693 19.759-7.295 15.661-12.892 31.763-14.969 43.539-.075.423-.129.846-.172 1.269 25.854-1.854 55.65-7.359 85.653-20.017-.567-14.929-2.527-30.963-5.819-44.55z"
/>
<path
fill="#e05d6f"
d="M286.619 55.5c-7.015-2.785-14.978.577-17.861 7.552-5.028 12.164-8.783 23.955-10.4 33.124a17.28 17.28 0 0 0-.17 1.268 290.808 290.808 0 0 0 28.993-3.546c1.641-6.006 4.103-13.03 7.09-20.264 2.944-7.128-.484-15.288-7.652-18.134z"
/>
<path
fill="url(#t)"
d="M338.02 32.879C333.737 15.205 327.201 1.677 318.532.148c-13.5-2.38-32.094 24.342-45.205 52.49 20.486-2.989 42.781-8.922 64.693-19.759z"
/>
<path
fill="url(#u)"
d="M164.599 50.425c21.02-7.651 56.147 23.909 65.393 61.245 5.377 21.713-5.703 37.351-26.722 45.001-21.02 7.651-39.559 2.793-49.397-17.296-16.916-34.543-10.293-81.299 10.726-88.95z"
/>
<path
fill="url(#v)"
d="M274.596 282.479c-10.862 8.233-29.822 14.413-51.181 13.089-14.001-.895-26.038 9.78-26.902 23.774-.865 13.993 9.78 26.038 23.774 26.902 32.277 2.003 68.97-7.337 92.239-29.36-2.432-12.71-13-31.79-37.93-34.405z"
/>
<path
fill="url(#w)"
d="M112.972 47.442c0-14.683-11.903-26.587-26.586-26.587a26.473 26.473 0 0 0-16.391 5.653 4.676 4.676 0 0 1-5.789 0 26.467 26.467 0 0 0-16.391-5.653c-14.683 0-26.586 11.903-26.586 26.587 0 17.355 18.188 33.952 32.298 44.249a23.03 23.03 0 0 0 27.149 0c14.108-10.297 32.296-26.894 32.296-44.249z"
/>
<path
fill="url(#x)"
d="M480.772 84.062c0-10.428-8.454-18.882-18.882-18.882a18.8 18.8 0 0 0-11.641 4.015c-1.212.95-2.9.95-4.112 0a18.8 18.8 0 0 0-11.641-4.015c-10.428 0-18.882 8.454-18.882 18.882 0 12.326 12.917 24.113 22.938 31.426a16.357 16.357 0 0 0 19.282 0c10.021-7.313 22.938-19.1 22.938-31.426z"
/>
<path
fill="url(#y)"
d="M95.691 277.017c0-11.751-9.526-21.277-21.277-21.277-4.949 0-9.503 1.69-13.118 4.524a3.742 3.742 0 0 1-4.633 0 21.184 21.184 0 0 0-13.118-4.524c-11.751 0-21.277 9.526-21.277 21.277 0 13.889 14.556 27.171 25.847 35.412a18.43 18.43 0 0 0 21.727 0c11.294-8.241 25.849-21.523 25.849-35.412z"
/>
<path
fill="url(#z)"
d="M316.956 265.337c-12.09-7.097-27.646-3.05-34.746 9.04-1.638 2.791-4.24 5.544-7.614 8.101 6.043 11.829 22.415 30.046 37.93 34.405 5.235-4.955 9.797-10.546 13.469-16.801 7.099-12.09 3.051-27.647-9.039-34.745z"
/>
<path
fill="url(#A)"
d="M178.853 427.551c-3.674.342-7.288-.126-9.859-.644-13.75-2.77-27.131 6.13-29.9 19.874-2.768 13.744 6.13 27.131 19.874 29.9 6.493 1.308 12.834 1.869 18.946 1.743 6.015-12.539 3.134-39.389.939-50.873z"
/>
<path
fill="url(#B)"
d="M273.107 470.028c.039 2.148.064 4.335.064 6.586 0 14.021 11.366 25.387 25.387 25.387s25.387-11.366 25.387-25.387c0-2.931-.033-5.948-.099-9.02-12.895-2.87-37.325-1.025-50.739 2.434z"
/>
</svg>
More icons in the same style and category