Heart color filled icon
Heart with rounded lobes and pointed tip inside a thin circular ring
About the Heart color 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 colour filled version of the heart icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.
It downloads free as an SVG vector or transparent PNG in seven sizes, and the free online editor lets you recolor it, apply gold, silver, neon and gradient styles, add animation, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.
