The HugeIcons layout three column icon visually represents a content area divided into three equal vertical sections, commonly used to indicate a multi-panel interface or a dashboard layout.
Common uses
- Displaying a three-column dashboard widget.
- Indicating a page layout with three distinct content areas.
- Representing a split-view interface with three panels.
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { LayoutThreeColumnIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={LayoutThreeColumnIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- three column layoutthree panel viewcolumns icongrid layout
FAQ
- What does the layout three column icon represent?
- This icon represents a UI structure divided into three vertical columns. It's typically used for layouts that feature three distinct content areas or panels.
- How do I use the LayoutThreeColumnIcon in React?
- Import both HugeiconsIcon and LayoutThreeColumnIcon, then render the icon using <HugeiconsIcon icon={LayoutThreeColumnIcon} />.
- What is the license for this icon?
- The HugeIcons library, including this icon, is released under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →