Heart color outline icon
Heart with rounded lobes and pointed tip inside a thin circular ring
About the Heart color outline 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 outline version of the heart icon: the same line drawing in an accent colour, useful for highlighting a state, a category or a brand tone without adding visual weight.
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.
