The Lucide shopping bag icon depicts a bag used for carrying purchases, commonly used in e-commerce interfaces to represent the shopping cart or checkout process.
Common uses
- Add to cart button
- View shopping cart link
- Checkout process step
Use it in React
Install
npm i lucide-reactImport & render
import { ShoppingBag } from 'lucide-react';
<ShoppingBag size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- ecommercecartpurchasestoreshoppingbagshopping cartpurchase bagstore bagecommerce bag
FAQ
- What does the shopping bag icon represent?
- It represents a bag for carrying purchases, typically used for e-commerce actions like adding items to a cart or proceeding to checkout.
- How do I use the shopping bag icon in React?
- You can import and use it in React with: import { ShoppingBag } from 'lucide-react'.
- What is the license for the shopping bag icon?
- The Lucide icon library, including the shopping bag icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →