Heart Broken Icon

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

Collection: Memory Icons
Format: SVG, PNG
License: Apache 2.0 - Free for commercial use
Tags: heart broken love favorite like health

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

img tag

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

React JSX

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

Vue template

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

CSS background

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

SVG markup

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><path d="M14 14H15V13H16V12H17V11H18V9H19V6H18V5H17V4H14V9H13V11H14ZM8 15H9V13H8V12H7V8H8V6H9V5H8V4H5V5H4V6H3V9H4V11H5V12H6V13H7V14H8ZM14 18H13V17H12V12H11V8H12V3H13V2H18V3H19V4H20V5H21V10H20V12H19V13H18V14H17V15H16V16H15V17H14ZM12 20H10V19H9V18H8V17H7V16H6V15H5V14H4V13H3V12H2V10H1V5H2V4H3V3H4V2H9V3H10V4H11V7H10V9H9V11H10V13H11V18H12Z"/></svg>