Text Header 3 Lines icon

Microsoft uses it to represent blocks of text witha section header. The Text Header 3 Lines icon is tagged collapse, h1 and h2. Similar Fluent icons include Text Header 3 Lines Caret, Text Header 1 Lines and Text Header 1 Lines Caret.

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_header_3_lines_24_regular.svg

Text Header 3 Lines icon in React

npm install @fluentui/react-icons

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

export function Example() {
  return <TextHeader3Lines24Regular aria-label="Text Header 3 Lines" />;
}

Use the Text Header 3 Lines icon in React

Import TextHeader3Lines24Regular and TextHeader3Lines24Filled 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 Header 3 Lines
StylesRegular (outlined), Filled
Sizes16 px, 20 px, 24 px
Regular (outlined) fileic_fluent_text_header_3_lines_24_regular.svg
Filled fileic_fluent_text_header_3_lines_24_filled.svg
React (Regular)TextHeader3Lines16Regular, TextHeader3Lines20Regular, TextHeader3Lines24Regular
React (Filled)TextHeader3Lines16Filled, TextHeader3Lines20Filled, TextHeader3Lines24Filled
Font glyph (Regular, 24 px)U+F037C · &#xF037C;
Font glyph (Filled, 24 px)U+F038F · &#xF038F;
LicenseMIT (© Microsoft Corporation)

Keywords

textheaderexpand

Similar icons