Heart
heartA 24px icon in Bloom’s Like category, drawn once as Linear and grown into the other four styles. Free SVG files in currentColor, MIT license.
- Category
- Tags
Heart in five styles
- Linear
- Line Duotone
- Outline
- Bold
- Bold Duotone
Linear at 16, 20, 24 and 32px
- 16px
- 20px
- 24px
- 32px
Get the SVG
The command prints the file exactly as Bloom ships it. Set --style to line-duotone, outline, bold or bold-duotone for the other styles. The same files are in the npm package under dist/ and on this site under svg/.
npx -y bloom-icons get heart --style linear- Linear
dist/linear/heart.svgsvg/linear/heart.svg - Line Duotone
dist/line-duotone/heart.svgsvg/line-duotone/heart.svg - Outline
dist/outline/heart.svgsvg/outline/heart.svg - Bold
dist/bold/heart.svgsvg/bold/heart.svg - Bold Duotone
dist/bold-duotone/heart.svgsvg/bold-duotone/heart.svg
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 6.296A5.25 5.25 0 0 1 21.75 9C21.75 13.5 18.364 14.818 15.182 18C13.682 19.5 12.932 20.25 12 20.25C11.068 20.25 10.318 19.5 8.818 18C5.636 14.818 2.25 13.5 2.25 9A5.25 5.25 0 0 1 12 6.296Z"/>
</svg>