Text Align Justify icon

Microsoft uses it in aligning blocks of text scenarios. The Text Align Justify icon is tagged low, left and distribute. Similar Fluent icons include Text Align Justify Low, Text Align Justify Low Rotate 270 and Text Align Justify Low Rotate 90.

Regular (outlined)

SVG

Filled

SVG

Every size and style

Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.

Regular, 24 px

ic_fluent_text_align_justify_24_regular.svg

Text Align Justify icon in React

npm install @fluentui/react-icons

import { TextAlignJustify24Regular } from "@fluentui/react-icons";

export function Example() {
  return <TextAlignJustify24Regular aria-label="Text Align Justify" />;
}

Use the Text Align Justify icon in React

Import TextAlignJustify24Regular and TextAlignJustify24Filled from Microsoft's @fluentui/react-icons package; the code tabs above have this and other platforms. Coding agents can look the component up through the Fluent Icons MCP server.

Details

NameText Align Justify
StylesRegular (outlined), Filled
Sizes20 px, 24 px
Regular (outlined) fileic_fluent_text_align_justify_24_regular.svg
Filled fileic_fluent_text_align_justify_24_filled.svg
React (Regular)TextAlignJustify20Regular, TextAlignJustify24Regular
React (Filled)TextAlignJustify20Filled, TextAlignJustify24Filled
Font glyph (Regular, 24 px)U+F79E · &#xF79E;
Font glyph (Filled, 24 px)U+F7B6 · &#xF7B6;
LicenseMIT (© Microsoft Corporation)

Keywords

typetexttypographyeditcreatealignmentleftrightjustifylowdistributerotate

Similar icons