The Tabler box icon depicts a simple, open-top cube, commonly used to represent concepts like packaging, containers, or a generic item in user interfaces.
Common uses
- Product packaging representation
- Generic item or asset placeholder
- Shipping or delivery status indicator
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconBox } from '@tabler/icons-react';
<IconBox size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- cubeappapplicationpackagecontainerboxdesign
FAQ
- What does the box icon represent?
- It typically represents a physical box, container, or package. It can also be used as a generic placeholder for items or assets.
- How do I use the box icon in React?
- You can import and use it directly in your React components like this: import { IconBox } from '@tabler/icons-react'; <IconBox />.
- What is the license for this icon?
- The Tabler icons, including the box icon, 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 →