outline
1. Color
Original icon colors are kept until you pick a new color.
2. Canvas Backdrop and Transforms
3. Live Vector Animation Presets
Included in SVG export
Cart SVG Icon
Source, author, and license are available in the preview and icon details. Cart - Free for commercial use. License shown on every icon.. No Sign-Up Required | 100% Browser-Based Processing
Instant Vector and High-DPI Raster Downloads
Original icon colors are kept until you pick a new color.
cart.svg (552 B)
Quick Copy for Developers and UI Frameworks
Live Code Output
<svg id="i-cart" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="36" height="36" role="img" aria-label="Cart icon"><title>Cart - Bytesize Icons icon</title><desc>Free Cart vector icon from the Bytesize Icons open-source icon library; outline style, MIT licence, viewBox 0 0 32 32, 335 bytes.</desc>
<path d="M6 6 L30 6 27 19 9 19 M27 23 L10 23 5 2 2 2" />
<circle cx="25" cy="27" r="2" />
<circle cx="12" cy="27" r="2" />
</svg>
AI Prompt and Vector Enhancer
Want to Improve or Restyle This Icon? Cart
Generate a precise engineering prompt, or improve the icon on the canvas right now. Cart
100% client-side prompt builder
Icon Source and License Verification
LICENSE.txt
Library: Bytesize Icons | Author: Dan Klammer | License: MIT | Source: https://github.com/danklammer/bytesize-icons | No Sign-Up Required | 100% Browser-Based Processing
Keywords
#cart
#bytesize
#interface
#outline
Cart - Technical Vector Specifications
Source, author, and license are available in the preview and icon details. Cart
| Canonical asset identifier | bytesize/cart |
|---|---|
| Source library pack | Bytesize Icons |
| Coordinate grid and viewBox | viewBox="0 0 32 32" |
| Uncompressed payload | 552 bytes (~304 bytes gzipped) |
| SPDX license and commercial use | MIT - Free for commercial use |
| Upstream Source | https://github.com/danklammer/bytesize-icons |
| Supported export targets | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Security and privacy guarantee | No Sign-Up Required | 100% Browser-Based Processing |
How to Use and Customize This Icon: Cart
- Customize visually: Color, Auto (Stroke and Fill), Stroke Width (
0.5px-4px), Live Vector Animation Presets - Download vector or raster: Download SVG, PNG (Transparent), WebP (Optimized) (
2048x2048 px) - Copy framework code: Copy ready code for React, Next.js, Vue 3, Svelte, Angular, HTML, and CSS masks.
- Deep vector editing: Edit in SVG Editor (77,087)
Accessibility tip (WCAG 2.1): Hide decorative icons with aria-hidden and focusable false. Give icon-only buttons a clear aria-label. Flip arrows and chevrons horizontally for right-to-left languages.
cart.svg aria-hidden="true" focusable="false"
Cross-Library Matches ("Cart")
Compare this icon across other open-source vector libraries.
More in User Interface (UI/UX)
Browseoutline
Cart
Open Iconic|interface3d
Cart
3D Vector Icons|3d-iconsoutline
Blockchain Block
Domain Icons|interfaceoutline
Entertainment
IconPark|interfacesolid
Device Dataset Linked
Material Icons|interfaceoutline
Bookmarks
Bootstrap Icons|interface
Link Simple Horizontal
Phosphor Icons|interface
Italic
Heroicons|interface
External Transmission
IconPark|interface
Layout
MingCute Icons|interface
Square F8
Tabler Icons|interface
Device Network Cell
Material Icons|interface
Lemon Squeezy
MingCute Icons Fill|interface
Device Price Check
Material Icons|interface
Rectangle Group
Heroicons|interface
Buildings
Bootstrap Icons|interface
Calendar Day
Bootstrap Icons|interface
Lectern
Lucide|interface
Mailbox
MingCute Icons|interface
Link
Lucide|interface
Meh
MingCute Icons Fill|interface
List Start
Lucide|interface
Orange Slice
Phosphor Icons|interface
Pants
Phosphor Icons|interfaceExplore more
Frequently Asked Questions
Cart - Frequently Asked Questions
What licence covers Cart? +
Cart comes from Bytesize Icons and is covered by MIT. Attribution: Credit required.
In which formats can I download Cart? +
Cart is a outline-style vector (viewBox 0 0 32 32). Download SVG, PNG, WebP or ICO, or copy React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask or Base64 code from this page.
Where does the Cart icon come from? +
Cart is part of the Bytesize Icons library by Dan Klammer, in the User Interface (UI/UX) category. The full licence text is in the library notice file linked on this page.
100% Browser-Based Processing | 77,087 icons
SVG Editor
Edit paths, layers, colors, and animations in your browser, then export clean SVG, PNG, or framework code.