The Phosphor table icon depicts a grid of rows and columns, commonly used to represent data in a structured, tabular format within user interfaces.
Common uses
- Displaying financial reports
- Organizing user data in a dashboard
- Creating data entry forms
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Table } from '@phosphor-icons/react';
<Table size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Table size={24} />thin
<Table size={24} weight="thin" />light
<Table size={24} weight="light" />bold
<Table size={24} weight="bold" />fill
<Table size={24} weight="fill" />duotone
<Table size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- finances
- Keywords
- tablestabularspeadsheetsexcelgridformfinancesofficeeditortablespreadsheetdata gridtabular data
FAQ
- What is the Phosphor table icon used for?
- It's used to visually represent structured data in rows and columns, often for financial information, data tables, or forms.
- How do I use the table icon in React?
- You can import it directly from the library: import { Table } from '@phosphor-icons/react'.
- What is the license for the Phosphor table icon?
- The Phosphor icon library, including the table icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →