The Tabler table icon visually represents a structured grid of rows and columns, commonly used in user interfaces to signify data tables, spreadsheets, or organized layouts.
Common uses
- Data display and management
- Spreadsheet or grid component
- Database or record listing
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconTable } from '@tabler/icons-react';
<IconTable size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconTable size={24} stroke={2} />filled
<IconTableFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Database
- Keywords
- spreadsheetlayoutgridarrangerowcolumntablestoragerepositoryrecordsdatabase
FAQ
- What does the table icon represent?
- It represents a structured grid of data, similar to a spreadsheet or database table, used for organizing information.
- How do I use the table icon in React?
- Import it using `import { IconTable } from '@tabler/icons-react'` and use it as a React component.
- What is the license for the Tabler table icon?
- The Tabler icon library, including the table icon, is released 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 →