The HugeIcons shopping bag add icon visually represents the action of adding items to a shopping bag, commonly used to indicate adding a product to a cart or initiating a purchase.
Common uses
- Add to Cart button
- Start new order action
- Add item to wishlist
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ShoppingBagAddIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ShoppingBagAddIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- add to cartshopping cart addbag addpurchase add
FAQ
- What does the shopping bag add icon represent?
- This icon signifies the action of adding an item to a shopping bag or cart. It's typically used in e-commerce interfaces to represent adding products to a purchase.
- How do I use the ShoppingBagAddIcon in React?
- Import both HugeiconsIcon and ShoppingBagAddIcon from their respective packages. Then, render the icon using the <HugeiconsIcon icon={ShoppingBagAddIcon} /> component.
- What is the license for this icon?
- The ShoppingBagAddIcon is part of the HugeIcons library and is distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →