The Tabler shopping cart icon visually represents a container for holding items selected for purchase, commonly used in e-commerce interfaces to indicate the user's current selections or to navigate to the checkout process.
Common uses
- Add to cart button
- Mini cart preview
- Checkout process indicator
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconShoppingCart } from '@tabler/icons-react';
<IconShoppingCart size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconShoppingCart size={24} stroke={2} />filled
<IconShoppingCartFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- E-commerce
- Keywords
- shopstorebuypurchaseproductbagtrolleysupermarketgroceryshoppinge-commercecart
FAQ
- What does the shopping cart icon represent?
- It signifies a place to store items before buying, often used for online shopping functionality.
- How do I use this icon in React?
- Import it using `import { IconShoppingCart } from '@tabler/icons-react'` and render the component.
- What is the license for this icon?
- The Tabler icons, including the shopping cart, are available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →