The HugeIcons layout align right icon visually represents the alignment of content to the right side of a container, commonly used to indicate right-alignment options in text editors or layout controls.
Common uses
- Align text to the right
- Justify content to the right edge
- Right-aligning elements in a UI panel
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { LayoutAlignRightIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={LayoutAlignRightIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- align rightright aligntext align rightcontent align right
FAQ
- What does the layout align right icon represent?
- This icon represents the action or state of aligning content to the right. It's typically used in interfaces to control text or element alignment.
- How do I use the LayoutAlignRightIcon in React?
- Import both HugeiconsIcon and LayoutAlignRightIcon, then render the icon using <HugeiconsIcon icon={LayoutAlignRightIcon} />.
- 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 →