Bag heart
bag-heartA 24px icon in Bloom’s Shopping category, drawn once as Linear and grown into the other four styles. Free SVG files in currentColor, MIT license.
- Category
- Tags
Bag 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 bag-heart --style linear- Linear
dist/linear/bag-heart.svgsvg/linear/bag-heart.svg - Line Duotone
dist/line-duotone/bag-heart.svgsvg/line-duotone/bag-heart.svg - Outline
dist/outline/bag-heart.svgsvg/outline/bag-heart.svg - Bold
dist/bold/bag-heart.svgsvg/bold/bag-heart.svg - Bold Duotone
dist/bold-duotone/bag-heart.svgsvg/bold-duotone/bag-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 8.25L13.797 8.25C15.457 8.25 16.288 8.25 16.894 8.715C17.499 9.18 17.714 9.982 18.144 11.585L18.442 12.699C19.371 16.168 19.836 17.903 18.935 19.077C18.035 20.25 16.239 20.25 12.647 20.25L11.353 20.25C7.761 20.25 5.965 20.25 5.064 19.076C4.164 17.903 4.629 16.168 5.558 12.699L5.856 11.585C6.286 9.982 6.501 9.18 7.107 8.715C7.712 8.25 8.543 8.25 10.203 8.25Z"/>
<path d="M9.75 8.25V6.75A2.25 2.25 0 0 1 14.25 6.75V8.25"/>
<path d="M12 12.431A1.68 1.68 0 0 1 15.12 13.296C15.12 14.736 14.036 15.158 13.018 16.176C12.559 16.635 12.329 16.865 12.046 16.882C12.015 16.884 11.985 16.884 11.954 16.882C11.671 16.865 11.441 16.635 10.982 16.176C9.964 15.158 8.88 14.736 8.88 13.296A1.68 1.68 0 0 1 12 12.431Z"/>
</svg>