Add icons to this collection by clicking the heart icon.
Heart icon - also known as interface, shapes, heart, lover, like, peace, loving, valentines day, 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="64"
height="64"
viewBox="0 0 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#00a5e9" />
<stop offset="1" stop-color="#15ffce" />
</linearGradient>
<linearGradient
id="b"
x1="42.37"
x2="42.37"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="49.025"
x2="49.025"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="55.438"
x2="55.438"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="54.156"
x2="54.156"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="7.278"
x2="7.278"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="13.689"
x2="13.689"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="12.408"
x2="12.408"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="21.599"
x2="21.599"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="50.311"
x2="50.311"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="56.723"
x2="56.723"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="51.592"
x2="51.592"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="8.563"
x2="8.563"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="14.974"
x2="14.974"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="9.844"
x2="9.844"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M32.703 22.446c3.294-3.255 8.827-6.135 13.586-3.542 3.078 1.679 4.398 4.404 4.964 6.394.962 3.383.493 7.232-1.252 10.297-1.947 3.421-5.275 5.924-8.493 8.344l-.288.216a236.6 236.6 0 0 1-1.71 1.272c-2.841 2.103-5.777 4.277-8.249 6.987a1 1 0 0 0 1.477 1.348c2.34-2.566 5.198-4.682 7.961-6.728.575-.426 1.15-.852 1.723-1.282l.287-.216c3.381-2.542 6.877-5.172 9.029-8.953 2.005-3.521 2.543-7.945 1.438-11.833-.947-3.333-3.054-6.034-5.931-7.603-5.721-3.118-12.166.139-15.949 3.875a1 1 0 1 0 1.407 1.424z"
/>
<path
fill="url(#c)"
d="m47.747 9.973.069-.002c.551-.038.967-.515.93-1.066a1.795 1.795 0 0 1 1.644-1.907 1 1 0 0 0 .918-1.076 1.007 1.007 0 0 0-1.076-.918 3.803 3.803 0 0 0-3.481 4.038.999.999 0 0 0 .996.931z"
/>
<path
fill="url(#d)"
d="M54.243 12.483c-.744.542-1.513 1.102-2.11 1.763a1 1 0 0 0 1.482 1.342c.46-.507 1.113-.983 1.805-1.488 1.6-1.165 3.59-2.615 3.58-5.131a1 1 0 0 0-1-.996h-.004A1 1 0 0 0 57 8.977c.006 1.393-1.038 2.254-2.757 3.506z"
/>
<path
fill="url(#e)"
d="M52.874 8.189a.995.995 0 0 0 .738-.325A2.68 2.68 0 0 1 55.477 7c.552-.021.981-.486.96-1.038s-.484-.992-1.038-.96a4.7 4.7 0 0 0-3.263 1.513 1.001 1.001 0 0 0 .738 1.674z"
/>
<path
fill="url(#f)"
d="m5.999 53.056.069-.002a1 1 0 0 0 .929-1.066 1.797 1.797 0 0 1 1.645-1.907 1 1 0 0 0-.158-1.994 3.803 3.803 0 0 0-3.481 4.038 1 1 0 0 0 .996.931z"
/>
<path
fill="url(#g)"
d="M16.252 51.056a1 1 0 0 0-1 1c0 1.398-1.041 2.257-2.755 3.507-.744.542-1.513 1.103-2.113 1.766a1 1 0 0 0 1.483 1.342c.462-.51 1.116-.987 1.808-1.492 1.594-1.162 3.577-2.607 3.577-5.123a1 1 0 0 0-1-1z"
/>
<path
fill="url(#h)"
d="M11.125 51.273a.997.997 0 0 0 .739-.325 2.683 2.683 0 0 1 1.864-.865 1 1 0 0 0 .96-1.038c-.021-.551-.461-1.005-1.038-.96a4.7 4.7 0 0 0-3.263 1.513 1 1 0 0 0 .738 1.675z"
/>
<path
fill="url(#d)"
d="M58 46.258h-.004A1 1 0 0 0 57 47.262c.006 1.393-1.036 2.252-2.753 3.503-.746.543-1.517 1.104-2.115 1.768a1 1 0 1 0 1.484 1.34c.46-.509 1.114-.986 1.808-1.491 1.598-1.164 3.586-2.612 3.576-5.127a1 1 0 0 0-1-.997z"
/>
<path
fill="url(#c)"
d="M50.231 43.289a3.803 3.803 0 0 0-3.481 4.038 1 1 0 0 0 1.996-.136 1.795 1.795 0 0 1 1.644-1.907 1 1 0 1 0-.159-1.995z"
/>
<path
fill="url(#e)"
d="M52.874 46.475a.995.995 0 0 0 .738-.325 2.68 2.68 0 0 1 1.863-.864c.552-.021.982-.486.961-1.038s-.523-.987-1.037-.96a4.694 4.694 0 0 0-3.264 1.513 1.001 1.001 0 0 0 .739 1.674z"
/>
<path
fill="url(#g)"
d="M12.498 14.48c-.744.542-1.513 1.103-2.113 1.766a1 1 0 0 0 1.483 1.342c.462-.51 1.116-.987 1.808-1.492 1.594-1.162 3.577-2.607 3.577-5.123a1 1 0 0 0-2 0c-.001 1.398-1.041 2.257-2.755 3.507z"
/>
<path
fill="url(#f)"
d="m5.999 11.973.069-.002a1 1 0 0 0 .929-1.066 1.796 1.796 0 0 1 1.645-1.907 1 1 0 0 0-.158-1.995 3.803 3.803 0 0 0-3.481 4.038 1 1 0 0 0 .996.932z"
/>
<path
fill="url(#h)"
d="M11.125 10.189a.997.997 0 0 0 .739-.325A2.68 2.68 0 0 1 13.729 9a1 1 0 0 0 .96-1.038c-.021-.551-.461-.995-1.038-.96a4.7 4.7 0 0 0-3.263 1.513 1 1 0 0 0 .737 1.674z"
/>
<path
fill="url(#i)"
d="M10.454 31.786c.697 3.749 2.972 7.244 6.952 10.687 1.792 1.549 3.718 2.965 5.581 4.334 2.874 2.112 5.846 4.297 8.275 6.958a.999.999 0 0 0 1.412.063 1 1 0 0 0 .064-1.413c-2.562-2.807-5.615-5.05-8.568-7.221-1.831-1.346-3.725-2.737-5.456-4.235-3.674-3.178-5.674-6.209-6.294-9.541-.578-3.108-.025-6.333 1.517-8.847 1.789-2.917 4.734-4.728 7.735-4.66 4.213.061 7.561 2.5 9.626 4.535a.999.999 0 1 0 1.403-1.425c-2.327-2.292-6.124-5.039-11-5.11l-.143-.001c-3.688 0-7.166 2.091-9.327 5.615-1.797 2.933-2.445 6.672-1.777 10.261z"
/>
<path
fill="url(#j)"
d="M50.328 14.1c.691.504 1.345.98 1.805 1.488a.997.997 0 0 0 1.412.071 1 1 0 0 0 .07-1.413c-.598-.661-1.366-1.221-2.11-1.763-1.719-1.252-2.763-2.113-2.757-3.507a1 1 0 0 0-.996-1.004c-.505.004-1.002.444-1.004.996-.01 2.517 1.981 3.967 3.58 5.132z"
/>
<path
fill="url(#k)"
d="M55.358 6.998a1.795 1.795 0 0 1 1.644 1.907 1.001 1.001 0 0 0 1.996.136 3.804 3.804 0 0 0-3.481-4.038 1 1 0 0 0-.159 1.995z"
/>
<path
fill="url(#l)"
d="M50.271 7a2.681 2.681 0 0 1 1.864.865.997.997 0 0 0 1.413.063 1 1 0 0 0 .063-1.413 4.694 4.694 0 0 0-3.263-1.513c-.541-.032-1.018.408-1.038.96s.41 1.017.961 1.038z"
/>
<path
fill="url(#m)"
d="M8.57 57.173c.695.506 1.352.984 1.813 1.497a.998.998 0 0 0 1.412.073 1 1 0 0 0 .074-1.412c-.601-.667-1.374-1.23-2.121-1.775C8.036 54.31 6.997 53.452 7 52.058a1 1 0 0 0-.998-1.002H6a1 1 0 0 0-1 .998c-.005 2.515 1.978 3.959 3.57 5.119z"
/>
<path
fill="url(#n)"
d="M13.769 48.087a1 1 0 0 0-.158 1.994 1.797 1.797 0 0 1 1.645 1.907 1 1 0 1 0 1.995.136 3.805 3.805 0 0 0-3.482-4.037z"
/>
<path
fill="url(#o)"
d="M7.564 49.045a1 1 0 0 0 .96 1.038 2.683 2.683 0 0 1 1.864.865.997.997 0 0 0 1.413.063 1 1 0 0 0 .063-1.413 4.691 4.691 0 0 0-3.262-1.513.991.991 0 0 0-1.038.96z"
/>
<path
fill="url(#k)"
d="M55.358 45.283a1.795 1.795 0 0 1 1.644 1.907 1.001 1.001 0 0 0 1.996.136 3.804 3.804 0 0 0-3.481-4.038 1.001 1.001 0 0 0-.159 1.995z"
/>
<path
fill="url(#j)"
d="M50.324 52.382c.693.505 1.348.982 1.808 1.491a.996.996 0 0 0 1.412.072 1 1 0 0 0 .072-1.412c-.599-.664-1.369-1.225-2.115-1.768-1.717-1.25-2.759-2.11-2.753-3.503a1 1 0 0 0-.996-1.004h-.004a1 1 0 0 0-1 .996c-.01 2.516 1.979 3.964 3.576 5.128z"
/>
<path
fill="url(#l)"
d="M50.349 43.287c-.501-.026-1.017.408-1.037.96a1 1 0 0 0 .961 1.038 2.678 2.678 0 0 1 1.863.864.997.997 0 0 0 1.413.063 1 1 0 0 0 .063-1.413 4.694 4.694 0 0 0-3.263-1.512z"
/>
<path
fill="url(#n)"
d="M13.61 8.998a1.797 1.797 0 0 1 1.645 1.907 1 1 0 1 0 1.995.136 3.803 3.803 0 0 0-3.481-4.038 1 1 0 0 0-.159 1.995z"
/>
<path
fill="url(#m)"
d="M8.57 16.09c.695.506 1.352.984 1.813 1.497a1 1 0 0 0 1.487-1.338c-.601-.667-1.374-1.23-2.121-1.775C8.036 13.227 6.997 12.369 7 10.975a1 1 0 0 0-.998-1.002H6a1 1 0 0 0-1 .998c-.005 2.514 1.978 3.958 3.57 5.119z"
/>
<path
fill="url(#o)"
d="M8.524 9a2.683 2.683 0 0 1 1.864.865.997.997 0 0 0 1.413.063 1 1 0 0 0 .063-1.413 4.692 4.692 0 0 0-3.262-1.514.989.989 0 0 0-1.038.96A1 1 0 0 0 8.524 9z"
/>
</svg>
More icons in the same style and category