The Lucide table columns split icon visually represents the division or separation of content into multiple vertical sections, commonly used to indicate actions like splitting a table, dividing a layout, or managing column visibility.
Common uses
- Button to split a table into two separate tables.
- Toggle to show/hide specific columns in a data grid.
- Action to divide a content area into distinct vertical panes.
Use it in React
Install
npm i lucide-reactImport & render
import { TableColumnsSplit } from 'lucide-react';
<TableColumnsSplit size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- spreadsheetgridcutbreakdivideseparatesegmenttablecolumnssplitsplit columnsdivide gridtable separatorlayout split
FAQ
- What is the table columns split icon used for?
- It's typically used in UIs to signify actions related to dividing, splitting, or separating content, especially within tabular data or multi-column layouts.
- How do I use the table columns split icon in React?
- You can import and use it in your React application with the following statement: import { TableColumnsSplit } from 'lucide-react'.
- What is the license for the Lucide table columns split icon?
- The Lucide icon library, including the table columns split icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →