Heart Icon

Free SVG icon from the Mage Icons collection. Download or copy for use in any project.

Collection

Mage Icons

Format

SVG, Font, PNG

License

Apache 2.0 - Free for commercial use

Style

Outline

Tags

heart love favorite like health

The Heart icon is commonly used in like buttons, favorites lists and health apps. Available as a free SVG - copy the code or download directly.

<img src="https://proicons.com/icon/310754.svg" alt="Heart icon" width="24" height="24">

<img src="https://proicons.com/icon/310754.svg" alt="Heart icon" width={24} height={24} />

<img
  src="https://proicons.com/icon/310754.svg"
  alt="Heart icon"
  :width="24"
  :height="24"
/>

.icon-heart {
  background-image: url('https://proicons.com/icon/310754.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 7.2294C10.2671 3.30561 6.23596 2.95683 4.35874 4.66804C2.83049 6.04137 2.09645 9.33298 3.49233 12.363C5.89902 17.573 12 20.3087 12 20.3087C12 20.3087 18.101 17.573 20.5076 12.363C21.9036 9.33298 21.1695 6.04137 19.6413 4.66804C17.764 2.95683 13.7328 3.30561 12 7.2294Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>