Add icons to this collection by clicking the heart icon.
Heart icon - also known as ribbon, heart, Solidarity, donation, charity, cancer, awareness, miscellaneous, healthcare and medical, and sympathy. 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="a">
<stop offset="0" stop-color="#ff819c" />
<stop offset=".259" stop-color="#ff7e9a" />
<stop offset=".476" stop-color="#fe7396" />
<stop offset=".676" stop-color="#fc628e" />
<stop offset=".867" stop-color="#fa4a83" />
<stop offset="1" stop-color="#f83479" />
</linearGradient>
<linearGradient
id="e"
x1="212.932"
x2="391.203"
y1="145.949"
y2="368.537"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#f82814" stop-opacity="0" />
<stop offset="1" stop-color="#c0272d" />
</linearGradient>
<linearGradient
id="f"
x1="386.22"
x2="69.693"
y1="374.844"
y2="167.602"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="312.492"
x2="399.492"
y1="356.348"
y2="693.348"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="311.028"
x2="-118.972"
y1="216.917"
y2="-288.084"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#f8f6fb" />
<stop offset="1" stop-color="#efdcfb" />
</linearGradient>
<linearGradient
id="i"
x1="255"
x2="255"
y1="124"
y2="178.624"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#efdcfb" stop-opacity="0" />
<stop offset=".486" stop-color="#baaad6" stop-opacity=".486" />
<stop offset="1" stop-color="#8679b2" />
</linearGradient>
<linearGradient
id="j"
x1="218.465"
x2="161.009"
y1="193.256"
y2="161.137"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="k"
x1="270.238"
x2="262.625"
y1="205.25"
y2="388.445"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="270.238"
x2="262.625"
y1="205.25"
y2="388.445"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="288.295"
x2="262.915"
y1="309.68"
y2="284.3"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="n"
x1="223.179"
x2="262.539"
y1="238.233"
y2="277.593"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="221.656"
x2="276.453"
y1="248.22"
y2="303.017"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#e)"
d="M255 466.985a60.23 60.23 0 0 1-26.812-6.337c-25.035-12.529-73.923-39.395-120.04-78.56-59.992-50.95-95.551-105.637-105.689-162.544-7.875-44.206 3.368-89.334 30.847-123.814 25.45-31.931 61.511-50.591 101.544-52.542 2.354-.115 4.739-.173 7.087-.173 37.507 0 72.914 14.455 99.7 40.702a144.225 144.225 0 0 1 13.362 15.052 144.475 144.475 0 0 1 13.363-15.053c26.784-26.246 62.193-40.7 99.701-40.7 2.348 0 4.733.058 7.087.173 40.033 1.951 76.096 20.611 101.545 52.544 27.479 34.479 38.721 79.606 30.845 123.812-10.137 56.905-45.696 111.593-105.689 162.543-46.115 39.164-95.002 66.031-120.04 78.56A60.206 60.206 0 0 1 255 466.985z"
/>
<path
fill="url(#f)"
d="M172.305 154.056c-18.93 17.861-20.399 45.951-3.462 64.794l48.735 54.238-84.327 93.913c-1.342 1.493-.282 3.87 1.725 3.87l86.209 86.209a594.643 594.643 0 0 0 7.004 3.568c8.284 4.146 17.556 6.337 26.812 6.337s18.527-2.191 26.812-6.337c25.038-12.53 73.925-39.396 120.04-78.56 33.004-28.029 58.595-57.191 76.646-87.229L337.695 154.056S306.5 124 255 124c-50.333 0-79.53 27.069-82.695 30.056z"
/>
<path
fill="url(#g)"
d="M476.696 95.732c-9.539-11.97-20.57-22.074-32.742-30.133 22.221 32.999 30.837 73.9 23.684 114.043-10.137 56.906-45.696 111.593-105.689 162.543-46.115 39.164-95.002 66.031-120.04 78.56-8.284 4.146-17.556 6.337-26.812 6.337s-18.527-2.191-26.812-6.337c-25.035-12.529-73.923-39.395-120.04-78.56a488.332 488.332 0 0 1-5.844-5.046c13.208 15.269 28.456 30.265 45.746 44.949 46.117 39.165 95.005 66.031 120.04 78.56 8.284 4.146 17.556 6.337 26.812 6.337s18.527-2.191 26.811-6.337c25.038-12.53 73.924-39.396 120.04-78.56 59.993-50.949 95.552-105.637 105.689-162.543 7.878-44.206-3.364-89.334-30.843-123.813z"
/>
<path
fill="url(#h)"
d="M375.151 43.188a145.919 145.919 0 0 0-7.087-.173c-37.508 0-72.917 14.454-99.701 40.7a144.34 144.34 0 0 0-13.362 15.052v368.218a60.21 60.21 0 0 0 26.811-6.337c25.038-12.53 73.924-39.396 120.04-78.56 59.993-50.949 95.552-105.637 105.689-162.543 7.876-44.206-3.366-89.334-30.845-123.812-25.45-31.934-61.513-50.594-101.545-52.545z"
/>
<path
fill="url(#i)"
d="m341.157 218.85-3.961 4.411-30.213-28.878a75.15 75.15 0 0 0-10.906-8.651c-24.896-16.259-57.257-16.259-82.152 0a75.15 75.15 0 0 0-10.906 8.651l-30.213 28.878-3.961-4.411c-16.937-18.843-15.388-47.857 3.462-64.794l7.28-6.545c45.252-31.348 105.578-31.348 150.829 0l7.28 6.545c18.849 16.937 20.398 45.951 3.461 64.794z"
/>
<path
fill="url(#j)"
d="m208.854 132.354-.136-.044a131.787 131.787 0 0 0-29.133 15.201l-7.28 6.545c-18.85 16.937-20.399 45.951-3.462 64.794l3.961 4.411 30.213-28.878a75.15 75.15 0 0 1 10.906-8.651c11.055-7.22 23.583-11.226 36.275-12.034z"
/>
<path
fill="url(#k)"
d="m168.843 218.85 3.961 4.411 44.773 49.827L255 314.735l81.248 90.491c1.422 1.582 4.045.576 4.045-1.55v-30.485a2.32 2.32 0 0 1 2.32-2.32h32.411c2.008 0 3.067-2.377 1.725-3.87l-84.327-93.913L255 231.44l-51.254-57.036c-11.391-12.676-9.043-32.568 5.11-42.054.1-.064.2-.136.3-.2a131.111 131.111 0 0 0-22.369 10.713c-8.215 4.325-14.104 10.77-14.461 11.17l-.021.021c-18.85 16.939-20.399 45.953-3.462 64.796z"
/>
<path
fill="url(#l)"
d="m168.843 218.85 3.961 4.411 44.773 49.827L255 314.735l81.248 90.491c1.422 1.582 4.045.576 4.045-1.55v-30.485a2.32 2.32 0 0 1 2.32-2.32h32.411c2.008 0 3.067-2.377 1.725-3.87l-84.327-93.913L255 231.44l-51.254-57.036c-11.391-12.676-9.043-32.568 5.11-42.054.1-.064.2-.136.3-.2a131.111 131.111 0 0 0-22.369 10.713c-8.215 4.325-14.104 10.77-14.461 11.17l-.021.021c-18.85 16.939-20.399 45.953-3.462 64.796z"
/>
<path
fill="url(#m)"
d="m321.661 305.622-37.424-41.646-37.424 41.646 37.424 41.647z"
/>
<path
fill="url(#n)"
d="m264.11 244.776 1.436-1.599L255 231.44l-26.877-29.908-1.435 1.596-35.986 40.05 26.876 29.91 10.546 11.736z"
/>
<path
fill="url(#o)"
d="m341.157 218.85-3.961 4.411-44.773 49.827L255 314.735l-81.248 90.491c-1.422 1.582-4.045.576-4.045-1.55v-30.485a2.32 2.32 0 0 0-2.32-2.32h-32.411c-2.008 0-3.067-2.377-1.725-3.87l84.327-93.913L255 231.44l51.254-57.036c11.391-12.676 9.043-32.568-5.11-42.054-.1-.064-.2-.136-.3-.2a131.111 131.111 0 0 1 22.369 10.713c8.215 4.325 14.104 10.77 14.461 11.17l.021.021c18.85 16.939 20.399 45.953 3.462 64.796z"
/>
</svg>
More icons in the same style and category