The Phosphor text align right icon visually represents the alignment of text to the right edge of a container, commonly used in text editing tools and content formatting interfaces.
Common uses
- Aligning selected text to the right in a rich text editor.
- Setting a default text alignment for a document or section.
- Controlling the justification of text blocks in a layout.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { TextAlignRight } from '@phosphor-icons/react';
<TextAlignRight size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<TextAlignRight size={24} />thin
<TextAlignRight size={24} weight="thin" />light
<TextAlignRight size={24} weight="light" />bold
<TextAlignRight size={24} weight="bold" />fill
<TextAlignRight size={24} weight="fill" />duotone
<TextAlignRight size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- design
- Keywords
- *updated*typographyprintfontalignmentflush rightdesigneditortextalignrightalign rightright justifytext alignment right
FAQ
- What does the text align right icon signify?
- This icon signifies the action or setting to align text flush with the right margin of its container. It's a standard control in text editing software.
- How do I use this icon in React?
- You can import and use the TextAlignRight component from the '@phosphor-icons/react' library. For example: import { TextAlignRight } from '@phosphor-icons/react'.
- What is the license for this icon?
- The Phosphor icon set, including the text align right 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 →