The HugeIcons layout two column icon visually represents a split-screen interface, commonly used to indicate a two-column layout or content arrangement.
Common uses
- Switching between single and double column views
- Displaying master-detail interfaces
- Indicating a content split for comparison
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { LayoutTwoColumnIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={LayoutTwoColumnIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- split screentwo panecolumnslayout
FAQ
- What does the layout two column icon represent?
- This icon represents a user interface divided into two distinct vertical sections or columns.
- How do I use the LayoutTwoColumnIcon in React?
- Import both HugeiconsIcon and LayoutTwoColumnIcon, then render the icon using <HugeiconsIcon icon={LayoutTwoColumnIcon} />.
- What is the license for this icon?
- The HugeIcons library, including this icon, is available 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 →