User heart
user-heartA 24px icon in Bloom’s Users category, drawn once as Linear and grown into the other four styles. Free SVG files in currentColor, MIT license.
- Category
- Tags
User 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 user-heart --style linear- Linear
dist/linear/user-heart.svgsvg/linear/user-heart.svg - Line Duotone
dist/line-duotone/user-heart.svgsvg/line-duotone/user-heart.svg - Outline
dist/outline/user-heart.svgsvg/outline/user-heart.svg - Bold
dist/bold/user-heart.svgsvg/bold/user-heart.svg - Bold Duotone
dist/bold-duotone/user-heart.svgsvg/bold-duotone/user-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">
<circle cx="12" cy="7.5" r="3.75"/>
<path d="M14.884 20.25L6 20.25C5.911 20.25 5.822 20.234 5.739 20.203C5.632 20.163 5.535 20.099 5.457 20.017C5.336 19.89 5.236 19.68 5.25 19.5C5.269 19.255 5.27 19.009 5.308 18.766C5.461 17.812 5.933 16.938 6.604 16.249C8.345 14.464 11.211 13.968 13.617 14.386"/>
<path d="M18.75 15.685A1.413 1.413 0 0 1 21.375 16.413C21.375 17.625 20.667 17.893 19.811 18.75L19.81 18.751C19.31 19.25 19.06 19.499 18.75 19.499C18.44 19.499 18.19 19.25 17.69 18.751L17.689 18.75C16.833 17.893 16.125 17.625 16.125 16.413A1.413 1.413 0 0 1 18.75 15.685Z"/>
</svg>