Cart
cartA 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
Cart 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 cart --style linear- Linear
dist/linear/cart.svgsvg/linear/cart.svg - Line Duotone
dist/line-duotone/cart.svgsvg/line-duotone/cart.svg - Outline
dist/outline/cart.svgsvg/outline/cart.svg - Bold
dist/bold/cart.svgsvg/bold/cart.svg - Bold Duotone
dist/bold-duotone/cart.svgsvg/bold-duotone/cart.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.75 3.75L19.046 3.75C19.944 3.75 20.393 3.75 20.618 4.043C20.843 4.337 20.727 4.77 20.494 5.638L18.381 13.526C18.094 14.595 17.951 15.13 17.547 15.44C17.143 15.75 16.59 15.75 15.483 15.75L10.017 15.75C8.91 15.75 8.357 15.75 7.953 15.44C7.549 15.13 7.406 14.595 7.119 13.526L4.5 3.75Z"/>
<path d="M2.25 2.25H4.098L4.5 3.75"/>
<circle cx="8.25" cy="19.5" r="1.5" fill="currentColor" stroke="none"/>
<circle cx="17.25" cy="19.5" r="1.5" fill="currentColor" stroke="none"/>
</svg>