Shopping Cart icon
A free shopping cart icon in 5 styles, drawn by hand on a 24px grid. Copy it as SVG or JSX, for personal or commercial use.
- Size
- 24 × 24, scales to any size
- License
- Free, credit optional (terms)
- Tags
- shopping cart, buy, purchase, store, retail, market, commerce
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path transform="translate(2 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M7 19C7.55 19 8 18.55 8 18C8 17.45 7.55 17 7 17C6.45 17 6 17.45 6 18C6 18.55 6.45 19 7 19Z"/>
<path transform="translate(2 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 19C16.55 19 17 18.55 17 18C17 17.45 16.55 17 16 17C15.45 17 15 17.45 15 18C15 18.55 15.45 19 16 19Z"/>
<path transform="translate(2 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 0L1.22 0C2.21 0 2.7 0 3.1 0.18C3.45 0.34 3.74 0.6 3.95 0.92C4.18 1.29 4.25 1.77 4.39 2.75L5.61 11.25C5.75 12.23 5.82 12.71 6.05 13.08C6.26 13.4 6.55 13.66 6.9 13.82C7.3 14 7.79 14 8.78 14L12.27 14C14.3 14 15.31 14 16.12 13.62C16.83 13.29 17.42 12.76 17.83 12.09C18.3 11.33 18.41 10.32 18.63 8.31C18.66 8.04 18.69 7.77 18.72 7.49C18.82 6.62 18.87 6.19 18.73 5.84C18.61 5.54 18.4 5.28 18.12 5.11C17.81 4.92 17.37 4.89 16.5 4.83L4.57 4"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path transform="translate(1 2)" fill="currentColor" d="M3.3 2.02C3.06 2 2.73 2 2.22 2L1 2C0.45 2 0 1.55 0 1C0 0.45 0.45 0 1 0L2.26 0C2.72 0 3.12 0 3.46 0.03C3.81 0.05 4.16 0.11 4.51 0.27C5.04 0.51 5.48 0.9 5.79 1.38C6 1.7 6.11 2.04 6.18 2.39C6.26 2.72 6.31 3.11 6.38 3.57L6.45 4.06L17.61 4.83C18.01 4.86 18.38 4.89 18.67 4.93C18.99 4.98 19.33 5.06 19.65 5.26C20.11 5.55 20.47 5.97 20.66 6.48C20.8 6.83 20.82 7.17 20.81 7.5C20.81 7.8 20.77 8.16 20.72 8.56L20.62 9.46C20.51 10.43 20.43 11.22 20.31 11.85C20.18 12.51 20.01 13.08 19.69 13.61C19.17 14.44 18.43 15.11 17.54 15.53C16.98 15.79 16.4 15.9 15.73 15.95C15.08 16 14.29 16 13.31 16L9.74 16C9.28 16 8.88 16 8.54 15.97C8.19 15.95 7.84 15.89 7.49 15.73C6.96 15.49 6.52 15.1 6.21 14.62C6 14.3 5.89 13.96 5.82 13.61C5.74 13.28 5.69 12.89 5.62 12.43L4.58 5.16C4.58 5.15 4.58 5.14 4.58 5.12L4.4 3.89C4.33 3.39 4.28 3.07 4.23 2.82C4.18 2.59 4.14 2.5 4.11 2.46C4 2.3 3.86 2.17 3.68 2.09C3.63 2.07 3.54 2.04 3.3 2.02Z"/>
<path transform="translate(1 2)" fill="currentColor" d="M6 19C6 17.9 6.9 17 8 17C9.1 17 10 17.9 10 19C10 20.1 9.1 21 8 21C6.9 21 6 20.1 6 19Z"/>
<path transform="translate(1 2)" fill="currentColor" d="M15 19C15 17.9 15.9 17 17 17C18.1 17 19 17.9 19 19C19 20.1 18.1 21 17 21C15.9 21 15 20.1 15 19Z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path opacity="0.28" transform="translate(8 20)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M1 2C1.55 2 2 1.55 2 1C2 0.45 1.55 0 1 0C0.45 0 0 0.45 0 1C0 1.55 0.45 2 1 2Z"/>
<path opacity="0.28" transform="translate(8 20)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M10 2C10.55 2 11 1.55 11 1C11 0.45 10.55 0 10 0C9.45 0 9 0.45 9 1C9 1.55 9.45 2 10 2Z"/>
<path transform="translate(2 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 0L1.22 0C2.21 0 2.7 0 3.1 0.18C3.45 0.34 3.74 0.6 3.95 0.92C4.18 1.29 4.25 1.77 4.39 2.75L5.61 11.25C5.75 12.23 5.82 12.71 6.05 13.08C6.26 13.4 6.55 13.66 6.9 13.82C7.3 14 7.79 14 8.78 14L12.27 14C14.3 14 15.31 14 16.12 13.62C16.83 13.29 17.42 12.76 17.83 12.09C18.3 11.33 18.41 10.32 18.63 8.31C18.66 8.04 18.69 7.77 18.72 7.49C18.82 6.62 18.87 6.19 18.73 5.84C18.61 5.54 18.4 5.28 18.12 5.11C17.81 4.92 17.37 4.89 16.5 4.83L4.57 4"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path opacity="0.28" transform="translate(7 19)" fill="currentColor" d="M0 2C0 0.9 0.9 0 2 0C3.1 0 4 0.9 4 2C4 3.1 3.1 4 2 4C0.9 4 0 3.1 0 2Z"/>
<path opacity="0.28" transform="translate(7 19)" fill="currentColor" d="M9 2C9 0.9 9.9 0 11 0C12.1 0 13 0.9 13 2C13 3.1 12.1 4 11 4C9.9 4 9 3.1 9 2Z"/>
<path transform="translate(1 2)" fill="currentColor" d="M3.3 2.02C3.06 2 2.73 2 2.22 2L1 2C0.45 2 0 1.55 0 1C0 0.45 0.45 0 1 0L2.26 0C2.72 0 3.12 0 3.46 0.03C3.81 0.05 4.16 0.11 4.51 0.27C5.04 0.51 5.48 0.9 5.79 1.38C6 1.7 6.11 2.04 6.18 2.39C6.26 2.72 6.31 3.11 6.38 3.57L6.45 4.06L17.61 4.83C18.01 4.86 18.38 4.89 18.67 4.93C18.99 4.98 19.33 5.06 19.65 5.26C20.11 5.55 20.47 5.97 20.66 6.48C20.8 6.83 20.82 7.17 20.81 7.5C20.81 7.8 20.77 8.16 20.72 8.56L20.62 9.46C20.51 10.43 20.43 11.22 20.31 11.85C20.18 12.51 20.01 13.08 19.69 13.61C19.17 14.44 18.43 15.11 17.54 15.53C16.98 15.79 16.4 15.9 15.73 15.95C15.08 16 14.29 16 13.31 16L9.74 16C9.28 16 8.88 16 8.54 15.97C8.19 15.95 7.84 15.89 7.49 15.73C6.96 15.49 6.52 15.1 6.21 14.62C6 14.3 5.89 13.96 5.82 13.61C5.74 13.28 5.69 12.89 5.62 12.43L4.58 5.16C4.58 5.15 4.58 5.14 4.58 5.12L4.4 3.89C4.33 3.39 4.28 3.07 4.23 2.82C4.18 2.59 4.14 2.5 4.11 2.46C4 2.3 3.86 2.17 3.68 2.09C3.63 2.07 3.54 2.04 3.3 2.02Z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path opacity="0.28" transform="translate(6.57 7)" fill="currentColor" d="M1.04 7.25C1.18 8.23 1.24 8.71 1.48 9.08C1.69 9.4 1.98 9.66 2.33 9.82C2.73 10 3.22 10 4.2 10L7.7 10C9.73 10 10.74 10 11.55 9.62C12.26 9.29 12.85 8.76 13.26 8.09C13.73 7.33 13.84 6.32 14.06 4.31C14.09 4.04 14.12 3.77 14.15 3.49C14.25 2.62 14.3 2.19 14.16 1.84C14.04 1.54 13.83 1.28 13.55 1.11C13.24 0.92 12.8 0.89 11.93 0.83L0 0L1.04 7.25Z"/>
<path transform="translate(2 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M7 19C7.55 19 8 18.55 8 18C8 17.45 7.55 17 7 17C6.45 17 6 17.45 6 18C6 18.55 6.45 19 7 19Z"/>
<path transform="translate(2 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M16 19C16.55 19 17 18.55 17 18C17 17.45 16.55 17 16 17C15.45 17 15 17.45 15 18C15 18.55 15.45 19 16 19Z"/>
<path transform="translate(2 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 0L1.22 0C2.21 0 2.7 0 3.1 0.18C3.45 0.34 3.74 0.6 3.95 0.92C4.18 1.29 4.25 1.77 4.39 2.75L5.61 11.25C5.75 12.23 5.82 12.71 6.05 13.08C6.26 13.4 6.55 13.66 6.9 13.82C7.3 14 7.79 14 8.78 14L12.27 14C14.3 14 15.31 14 16.12 13.62C16.83 13.29 17.42 12.76 17.83 12.09C18.3 11.33 18.41 10.32 18.63 8.31C18.66 8.04 18.69 7.77 18.72 7.49C18.82 6.62 18.87 6.19 18.73 5.84C18.61 5.54 18.4 5.28 18.12 5.11C17.81 4.92 17.37 4.89 16.5 4.83L4.57 4"/>
</svg>
More Essential icons
In the full library
- Activity
- Activity Square
- Airplane Seat
- Alphabet Abc Lowercase
- Alphabet Abc Uppercase
- Atom
- Bag Sack Pouch
- Balance Scale Law
- Burger Menu Four
- Burger Menu Two
- Camp Fire
- Check Tick Double
- Check Tick Single
- Circle
- Circle Dashed
- Circle Dot
- Circle Dotted
- Color Palette
- Danger Skull
- Delete Dustbin 02
- Diamond Component
- Dice 1
- Dice 2
- Dice 3
Get the full library
5,000+ icons across five styles, with the Figma file and the Pikaicons app, for one payment from $99. 500+ of them are free to copy here.
