Heart Square 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 square love favorite like health

The Heart Square 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/310753.svg" alt="Heart Square icon" width="24" height="24">

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

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

.icon-heart-square {
  background-image: url('https://proicons.com/icon/310753.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.0002 9.40158C10.8906 6.88905 8.30933 6.66571 7.10728 7.76145C6.12869 8.64084 5.65866 10.7486 6.55249 12.6888C8.09357 16.0249 12.0002 17.7767 12.0002 17.7767C12.0002 17.7767 15.9069 16.0249 17.4479 12.6888C18.3418 10.7486 17.8718 8.64084 16.8932 7.76145C15.6911 6.66571 13.1098 6.88905 12.0002 9.40158Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<rect x="2.75" y="2.75" width="18.5" height="18.5" rx="6" stroke="black" stroke-width="1.5"/>
</svg>