The Tabler basket icon depicts a shopping basket, commonly used in e-commerce interfaces to represent the user's cart or the act of adding items for purchase.
Common uses
- Add to Cart button
- View Shopping Cart link
- Checkout process indicator
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconBasket } from '@tabler/icons-react';
<IconBasket size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconBasket size={24} stroke={2} />filled
<IconBasketFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- E-commerce
- Keywords
- shopstoreonlineshoppingbasketpurchaseretailbusinesse-commerceshopping carttrolleybag
FAQ
- What does the basket icon represent?
- It represents a shopping basket, typically used for e-commerce functionalities like adding items to a cart or viewing the cart contents.
- How do I use the basket icon in React?
- You can import and use it in your React application with: import { IconBasket } from '@tabler/icons-react'
- What is the license for this icon?
- The Tabler icons, including the basket icon, are distributed 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 →