The Phosphor align right simple icon visually represents text or elements being aligned to the right edge of their container, commonly used in text editors or layout tools.
Common uses
- Aligning text to the right in a rich text editor.
- Justifying content to the right side of a card or modal.
- Setting right alignment for a block of UI elements.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { AlignRightSimple } from '@phosphor-icons/react';
<AlignRightSimple size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<AlignRightSimple size={24} />thin
<AlignRightSimple size={24} weight="thin" />light
<AlignRightSimple size={24} weight="light" />bold
<AlignRightSimple size={24} weight="bold" />fill
<AlignRightSimple size={24} weight="fill" />duotone
<AlignRightSimple size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- design
- Keywords
- alignmentarrangementlayoutflush rightdesigneditoralignrightsimpletext align rightright justifylayout right
FAQ
- What does the align right simple icon represent?
- It signifies aligning content or text to the right edge. It's often used in editing or layout interfaces to control element positioning.
- How do I use this icon in React?
- You can import and use it like this: import { AlignRightSimple } from '@phosphor-icons/react'. Then render it as <AlignRightSimple />.
- What is the license for this icon?
- The Phosphor icon library, including this icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →