Hearts
heartsA 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
Hearts 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 hearts --style linear- Linear
dist/linear/hearts.svgsvg/linear/hearts.svg - Line Duotone
dist/line-duotone/hearts.svgsvg/line-duotone/hearts.svg - Outline
dist/outline/hearts.svgsvg/outline/hearts.svg - Bold
dist/bold/hearts.svgsvg/bold/hearts.svg - Bold Duotone
dist/bold-duotone/hearts.svgsvg/bold-duotone/hearts.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="M11.568 5.274C12.197 4.064 13.619 3.469 14.926 3.881C15.24 3.98 15.535 4.133 15.796 4.333C16.078 4.549 16.317 4.817 16.5 5.121C16.687 4.809 16.935 4.534 17.227 4.316C17.502 4.109 17.816 3.953 18.147 3.859C18.457 3.77 18.782 3.736 19.104 3.756C20.573 3.85 21.735 5.076 21.75 6.548C21.758 7.317 21.489 8.039 21.054 8.665C20.429 9.568 19.519 10.277 18.689 10.982"/>
<path d="M9 10.013A3.635 3.635 0 0 1 15.75 11.885C15.75 15 12.264 17.297 10.061 19.5L10.06 19.501C9.56 20 9.31 20.249 9 20.249C8.69 20.249 8.44 20 7.94 19.501L7.939 19.5C5.736 17.297 2.25 15 2.25 11.885A3.635 3.635 0 0 1 9 10.013Z"/>
</svg>