The Phosphor text align justify icon visually represents the alignment of text to both the left and right edges of a container, commonly used in text editors and content management systems to format blocks of text evenly.
Common uses
- Formatting text blocks in a rich text editor.
- Setting document justification in a word processing application.
- Controlling text flow in a layout design tool.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { TextAlignJustify } from '@phosphor-icons/react';
<TextAlignJustify size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<TextAlignJustify size={24} />thin
<TextAlignJustify size={24} weight="thin" />light
<TextAlignJustify size={24} weight="light" />bold
<TextAlignJustify size={24} weight="bold" />fill
<TextAlignJustify size={24} weight="fill" />duotone
<TextAlignJustify size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- design
- Keywords
- *updated*typographyprintfontalignmentjustifieddesigneditortextalignjustifyjustify texttext justificationalign justifyblock text
FAQ
- What is the purpose of the text align justify icon?
- This icon indicates the action of aligning text to both the left and right margins, creating straight edges on both sides of a text block.
- How do I use this icon in React?
- You can import and use it in React with: import { TextAlignJustify } from '@phosphor-icons/react'.
- What is the license for Phosphor icons?
- Phosphor icons are distributed under the MIT license, allowing for free usage in both personal and commercial projects.
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 →