The HugeIcons layout right icon visually represents a content area positioned to the left with an adjacent, larger area to the right, commonly used to indicate a primary content pane alongside a secondary or sidebar section.
Common uses
- Displaying a main content area next to a sidebar.
- Indicating a split-view interface.
- Representing a primary panel with a secondary panel.
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { LayoutRightIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={LayoutRightIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- right sidebarcontent rightmain contentsplit pane
FAQ
- What does the LayoutRightIcon represent?
- It depicts a layout where the main content is on the right, often used for primary views with secondary information or navigation on the left.
- How do I use the LayoutRightIcon in React?
- Import both HugeiconsIcon and LayoutRightIcon, then render <HugeiconsIcon icon={LayoutRightIcon} />.
- What is the license for this icon?
- The HugeIcons library, including the LayoutRightIcon, 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 →