The Tabler layout columns icon visually represents a multi-column arrangement, commonly used to signify different content layouts or structural divisions within an interface.
Common uses
- Switching between single and multi-column views.
- Indicating a content area divided into sections.
- Representing a dashboard with multiple widgets.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconLayoutColumns } from '@tabler/icons-react';
<IconLayoutColumns size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- gridcolumnrowslayoutcolumnscreativeartisticvisualaestheticstyledesigngrid layoutmulti-panelcontent structure
FAQ
- What does the layout columns icon represent?
- It depicts a UI element divided into multiple vertical columns, often used to show different layout options or content structures.
- How do I use this icon in React?
- You can import and use it with: import { IconLayoutColumns } from '@tabler/icons-react'
- What is the license for this icon?
- The Tabler icon set, including layout-columns, is 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 →