Add icons to this collection by clicking the heart icon.
Love icon - also known as heart, love, homosexuality, love and romance, pride, rainbow flag, lgbt, and lgbtq. Created in a clean color 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 510 510"
>
<linearGradient
id="e"
x1="260.213"
x2="329.949"
y1="259.352"
y2="372.075"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f5f173" />
<stop offset="1" stop-color="#fbb03b" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#db841d" stop-opacity="0" />
<stop offset="1" stop-color="#f7931e" />
</linearGradient>
<linearGradient
id="f"
x1="385.117"
x2="-8.581"
y1="269.882"
y2="-123.815"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="538.624"
x2="441.624"
y1="307.754"
y2="171.254"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="222.649"
x2="317.221"
y1="116.621"
y2="279.974"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7657e" />
<stop offset="1" stop-color="#ff1d25" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#ff1d25" stop-opacity="0" />
<stop offset="1" stop-color="#7e0034" />
</linearGradient>
<linearGradient
id="i"
x1="256.554"
x2="90.554"
y1="144.372"
y2="15.372"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="475.812"
x2="384.812"
y1="217.164"
y2="93.665"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="222.158"
x2="321.507"
y1="171.258"
y2="323.148"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fca52c" />
<stop offset="1" stop-color="#f15a24" />
</linearGradient>
<linearGradient
id="l"
x1="223.116"
x2="336.794"
y1="274.409"
y2="422.477"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#69d774" />
<stop offset="1" stop-color="#2e8e59" />
</linearGradient>
<linearGradient
id="m"
x1="348.709"
x2="51.71"
y1="301.609"
y2="15.61"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#017b4e" stop-opacity="0" />
<stop offset=".853" stop-color="#026b43" stop-opacity=".853" />
<stop offset="1" stop-color="#026841" />
</linearGradient>
<linearGradient
id="n"
x1="243.95"
x2="308.909"
y1="356.475"
y2="465.377"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#89e2ff" />
<stop offset="1" stop-color="#3fa9f5" />
</linearGradient>
<linearGradient
id="o"
x1="243.155"
x2="289.964"
y1="421.47"
y2="504.579"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bb9ae2" />
<stop offset="1" stop-color="#662d91" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#db841d" stop-opacity="0" />
<stop offset="1" stop-color="#ff5831" />
</linearGradient>
<linearGradient
id="p"
x1="357.789"
x2="163.789"
y1="241.669"
y2="68.335"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#eaf6ff" />
<stop offset="1" stop-color="#b3dafe" />
</linearGradient>
<linearGradient
id="q"
x1="98.28"
x2="148.957"
y1="2435.22"
y2="2435.22"
gradientTransform="rotate(22.48 6263.148 1759.101)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="r"
x1="1288.171"
x2="1338.849"
y1="6694.747"
y2="6694.747"
gradientTransform="rotate(112.46 2890.513 3006.143)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="s"
x1="-112.83"
x2="-62.15"
y1="4629.113"
y2="4629.113"
gradientTransform="rotate(67.41 3532.47 2773.605)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="t"
x1="3482.893"
x2="3533.573"
y1="6906.373"
y2="6906.373"
gradientTransform="scale(-1) rotate(-22.59 -15732.35 12655.634)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="u"
x1="255"
x2="255"
y1="418"
y2="514.676"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#662d91" stop-opacity="0" />
<stop offset=".238" stop-color="#592989" stop-opacity=".238" />
<stop offset=".672" stop-color="#381e76" stop-opacity=".672" />
<stop offset="1" stop-color="#1b1464" />
</linearGradient>
<linearGradient
id="v"
x1="508.303"
x2="451.303"
y1="292.209"
y2="184.709"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#e)"
d="M255 509.999a57.53 57.53 0 0 1-25.613-6.054c-23.915-11.968-70.617-37.632-114.671-75.045-57.31-48.669-91.279-100.909-100.964-155.27-7.523-42.228 3.218-85.337 29.468-118.273 24.311-30.502 58.76-48.327 97.003-50.191 2.248-.11 4.527-.165 6.77-.165 35.829 0 69.653 13.808 95.241 38.88a137.686 137.686 0 0 1 12.764 14.379 137.946 137.946 0 0 1 12.766-14.38c25.587-25.072 59.411-38.879 95.242-38.879 2.243 0 4.522.055 6.77.165 38.242 1.864 72.693 19.689 97.004 50.193 26.25 32.936 36.989 76.044 29.465 118.272-9.684 54.359-43.653 106.6-100.962 155.269-44.053 37.411-90.754 63.076-114.671 75.045A57.51 57.51 0 0 1 255 509.999z"
/>
<path
fill="url(#f)"
d="M496.249 273.63c-9.69 54.36-43.66 106.6-100.97 155.27-5.44 4.62-10.92 9.06-16.4 13.32-3.59 2.8-7.17 5.51-10.74 8.14L62.109 144.33v-8.47c12.92-10.92 27.59-19.13 43.43-24.32 11.05-3.63 22.68-5.79 34.68-6.37 2.25-.11 4.53-.17 6.77-.17 35.83 0 69.66 13.81 95.24 38.88 4.63 4.53 8.89 9.34 12.77 14.38 3.88-5.04 8.14-9.85 12.76-14.38 25.59-25.07 59.42-38.88 95.25-38.88 2.24 0 4.52.06 6.77.17 38.24 1.86 72.69 19.68 97 50.19 26.25 32.93 36.99 76.04 29.47 118.27z"
/>
<path
fill="url(#g)"
d="M466.779 155.36a138.607 138.607 0 0 0-18.16-18.86h-55.62v18l105.068 105.068c3.118-37.601-7.947-74.928-31.288-104.208z"
/>
<path
fill="url(#h)"
d="M478.516 172.5H31.483a142.587 142.587 0 0 1 11.74-17.147c24.312-30.502 58.759-48.327 96.999-50.19 2.245-.105 4.528-.162 6.773-.162 35.823 0 69.649 13.813 95.241 38.88a137.088 137.088 0 0 1 12.762 14.377 137.088 137.088 0 0 1 12.762-14.377c25.592-25.076 59.409-38.88 95.241-38.88 2.245 0 4.528.057 6.773.162 38.24 1.863 72.697 19.688 97.009 50.2a142.188 142.188 0 0 1 11.733 17.137z"
/>
<path
fill="url(#i)"
d="M466.785 155.362c-24.312-30.512-58.769-48.337-97.008-50.2a145.775 145.775 0 0 0-6.773-.162c-35.832 0-69.649 13.804-95.241 38.88a136.974 136.974 0 0 0-12.762 14.377 137.088 137.088 0 0 0-12.762-14.377c-25.594-25.067-59.42-38.88-95.243-38.88-2.245 0-4.528.057-6.773.162-29.19 1.422-56.164 12.155-78.113 30.718v8.45l28.17 28.17h388.236a142.493 142.493 0 0 0-11.731-17.138z"
/>
<path
fill="url(#j)"
d="M466.785 155.362a138.755 138.755 0 0 0-18.162-18.862H393v18l18 18h67.516a142.493 142.493 0 0 0-11.731-17.138z"
/>
<path
fill="url(#k)"
d="M498.414 240H11.575c1.127-23.844 7.929-47.019 19.908-67.5h447.032c11.98 20.472 18.781 43.656 19.899 67.5z"
/>
<path
fill="url(#l)"
d="M486.97 307.5c-8.531 22.984-21.522 45.529-38.909 67.5H61.938c-17.386-21.971-30.378-44.516-38.909-67.5z"
/>
<path
fill="url(#m)"
d="M292.779 375h155.282c17.386-21.971 30.378-44.516 38.909-67.5H225.279z"
/>
<path
fill="url(#n)"
d="M448.061 375c-14.53 18.38-32.145 36.377-52.779 53.897a496.221 496.221 0 0 1-16.755 13.603H131.472a506.686 506.686 0 0 1-16.756-13.603C94.083 411.377 76.467 393.38 61.938 375z"
/>
<path
fill="url(#o)"
d="M378.527 442.5c-38.717 30.072-77.015 50.983-97.916 61.443-7.91 3.964-16.765 6.056-25.611 6.056s-17.701-2.092-25.611-6.056c-20.901-10.46-59.189-31.371-97.916-61.443z"
/>
<path
fill="url(#p)"
d="M157.779 240h340.635c-1.118-23.844-7.919-47.028-19.899-67.5H90.279z"
/>
<path
fill="url(#q)"
d="M310.446 70.185c-9.314-3.846-13.748-14.514-9.902-23.828l14.479-35.07c3.846-9.314 14.514-13.748 23.828-9.902 9.314 3.845 13.748 14.514 9.902 23.828l-14.479 35.07c-3.845 9.314-14.513 13.748-23.828 9.902z"
/>
<path
fill="url(#r)"
d="M52.205 120.506c3.846-9.314 14.514-13.748 23.828-9.902l35.07 14.479c9.314 3.846 13.748 14.514 9.902 23.828s-14.514 13.747-23.828 9.902l-35.07-14.479c-9.314-3.846-13.747-14.514-9.902-23.828z"
/>
<path
fill="url(#s)"
d="M389.043 148.601c-3.867-9.305.542-19.984 9.847-23.851l35.036-14.56c9.305-3.867 19.984.542 23.851 9.847 3.867 9.305-.542 19.984-9.847 23.851l-35.036 14.56c-9.305 3.867-19.984-.541-23.851-9.847z"
/>
<path
fill="url(#t)"
d="M170.858 1.579c9.305-3.867 19.984.542 23.851 9.847l14.56 35.036c3.867 9.305-.542 19.984-9.847 23.851-9.305 3.867-19.984-.542-23.851-9.847l-14.56-35.036c-3.867-9.305.542-19.984 9.847-23.851z"
/>
<path
fill="url(#u)"
d="M80.979 397c10.161 10.789 21.405 21.428 33.737 31.901 44.054 37.413 90.756 63.077 114.671 75.045C237.3 507.906 246.158 510 255 510s17.699-2.093 25.613-6.054c23.918-11.969 70.618-37.633 114.671-75.045 12.332-10.473 23.576-21.112 33.737-31.901z"
/>
<path
fill="url(#v)"
d="M478.499 240h19.915c-1.118-23.844-7.919-47.028-19.899-67.5h-67.516z"
/>
</svg>
More icons in the same style and category