Heart black filled icon
Heart with rounded lobes and pointed tip inside a thin circular ring
About the Heart black filled icon
The icon places a heart inside a plain circular ring, leaving a small margin between the two shapes. The heart has two rounded upper lobes and long straight sides that meet at a sharp lower point, giving it a modern badge look. It works as a like or favorite button, a wishlist marker in ecommerce, a dating app profile action, a charity donation badge, or a health and wellbeing section header.
The enclosing circle is the same line weight as the heart, so the pair reads as a single stamped mark rather than two shapes. It pairs with circled star, bookmark and thumbs-up icons for a consistent action row. Because the ring adds padding, size it slightly larger than a bare heart in toolbars.
This is the solid black filled version of the heart icon: a bold silhouette that reads clearly at 16-24 px and on dark or busy backgrounds, and prints well in one colour.
Download it free as a scalable SVG vector or transparent-background PNG in seven sizes (16 to 512px), copy the SVG code straight into your project, or open it in the free online editor to change colors, apply gold, silver, neon and gradient styles, animate it, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.





















