Add icons to this collection by clicking the heart icon.
Heart icon - also known as entertainment, game, heart, ui, shapes and symbols, and live. Created in a clean circular 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"
>
<pattern
id="a"
width="24.91"
height="24.92"
x="1232.5"
y="1714.692"
patternUnits="userSpaceOnUse"
viewBox="0 -24.92 24.91 24.92"
>
<path fill="none" d="M0-24.92h24.91V0H0z" />
<path fill="#f59977" d="M0-24.92h24.91V0H0z" />
</pattern>
<pattern
id="b"
width="24.91"
height="24.92"
x="1232.5"
y="1714.692"
patternUnits="userSpaceOnUse"
viewBox="0 -24.92 24.91 24.92"
>
<path fill="none" d="M0-24.92h24.91V0H0z" />
<path fill="#021938" d="M0-24.92h24.91V0H0z" />
</pattern>
<linearGradient
id="c"
x1="256"
x2="256"
y1="512"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#cadfef" />
<stop offset="1" stop-color="#eff4f9" />
</linearGradient>
<pattern
id="d"
patternTransform="matrix(34.206 -19.861 3.313 -35.249 376028.906 -595202.313)"
href="#a"
/>
<pattern
id="e"
patternTransform="matrix(-.545 3.872 -4.149 -.509 -61162.906 24238.672)"
href="#b"
/>
<pattern
id="f"
patternTransform="matrix(-.545 3.872 -4.149 -.509 -61162.906 24238.672)"
href="#b"
/>
<pattern
id="g"
patternTransform="matrix(-.545 3.872 -4.149 -.509 -61162.906 24238.672)"
href="#b"
/>
<circle cx="256" cy="256" r="256" fill="url(#c)" />
<path
fill="url(#d)"
d="M430.417 256.029c0 96.283-78.105 174.388-174.447 174.388-96.282 0-174.388-78.105-174.388-174.388 0-96.342 78.106-174.447 174.388-174.447 96.342.001 174.447 78.105 174.447 174.447z"
/>
<path
fill="#fff"
d="M365.61 229.518c-7.003 70.246-80.63 133.022-103.097 150.659a10.464 10.464 0 0 1-12.954-.003c-22.55-17.693-96.578-80.783-103.212-151.273-3.681-39.114 24.596-75.378 63.861-76.686 14.982-.499 28.849 3.925 40.19 11.773a9.867 9.867 0 0 0 11.267.009c10.351-7.169 22.797-11.483 36.194-11.802 41.14-.978 71.833 36.376 67.751 77.323z"
/>
<path
fill="url(#e)"
d="M255.97 77.363c-98.483 0-178.607 80.151-178.607 178.667 0 98.483 80.124 178.607 178.607 178.607 98.516 0 178.667-80.124 178.667-178.607 0-98.516-80.151-178.667-178.667-178.667zm0 348.835c-93.83 0-170.168-76.338-170.168-170.168 0-93.865 76.338-170.228 170.168-170.228 93.865 0 170.228 76.363 170.228 170.228 0 93.83-76.363 170.168-170.228 170.168z"
/>
<path
fill="url(#f)"
d="M259.261 160.53c-1.959 1.354-4.497 1.343-6.462-.011-50.898-35.222-116.479 6.932-110.654 68.777 6.786 72.099 81.937 136.253 104.808 154.195a14.67 14.67 0 0 0 18.165.005c22.75-17.857 97.527-81.709 104.689-153.56 6.207-62.222-59.646-104.649-110.546-69.406zm102.151 68.572c-6.832 68.527-79.42 130.42-101.503 147.758a6.265 6.265 0 0 1-7.747-.005c-22.201-17.42-95.143-79.599-101.615-148.349-5.166-54.924 52.646-92.051 97.451-61.047 4.893 3.382 11.198 3.385 16.069.008 45.318-31.376 102.798 6.907 97.345 61.635z"
/>
<path
fill="url(#g)"
d="M206.89 174.126c-24.683 3.213-41.444 27.426-39.055 52.753 1.052 11.203 4.508 23.335 10.269 36.063a4.216 4.216 0 0 0 5.582 2.104 4.215 4.215 0 0 0 2.104-5.582c-5.374-11.876-8.588-23.104-9.555-33.376-1.968-20.909 11.663-40.975 31.742-43.593a4.216 4.216 0 0 0 3.64-4.728c-.304-2.314-2.425-3.948-4.727-3.641z"
/>
</svg>
More icons in the same style and category