Heart Filled Icon

Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.

Collection

VS Code Codicons

Format

SVG, Font (WOFF2), npm, PNG

License

CC BY 4.0 - Free for commercial use

Style

Filled

Tags

heart filled love favorite like health

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

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

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

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

<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M8.02199 14.072C7.89399 14.072 7.76599 14.023 7.66799 13.926L2.10399 8.36098C1.53799 7.79698 0.997986 6.89098 0.997986 5.69898C0.997986 3.94498 2.32599 2.00098 4.72799 2.00098C5.70299 2.00098 6.67899 2.35798 7.39299 3.07098L7.99499 3.67198L8.58699 3.07698C9.30499 2.35998 10.266 2.00298 11.229 2.00298C14.204 2.00298 14.998 4.68498 14.998 5.75298C14.998 6.70998 14.636 7.66598 13.912 8.39398L8.37599 13.927C8.27799 14.025 8.14999 14.073 8.02199 14.073V14.072Z"/></svg>