Text Collapse icon
Microsoft uses it in general type creation and editing scenarios. The Text Collapse icon is tagged shrink, condense and typography. Similar Fluent icons include Arrow Collapse All, Text Add Space After and Text Add Space Before.
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_collapse_24_regular.svg
Text Collapse icon in React
npm install @fluentui/react-icons
import { TextCollapse24Regular } from "@fluentui/react-icons";
export function Example() {
return <TextCollapse24Regular aria-label="Text Collapse" />;
}Use the Text Collapse icon in React
Import TextCollapse24Regular and TextCollapse24Filled 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
| Name | Text Collapse |
|---|---|
| Styles | Regular (outlined), Filled, Light |
| Sizes | 20 px, 24 px, 32 px |
| Regular (outlined) file | ic_fluent_text_collapse_24_regular.svg |
| Filled file | ic_fluent_text_collapse_24_filled.svg |
| React (Regular) | TextCollapse20Regular, TextCollapse24Regular |
| React (Filled) | TextCollapse20Filled, TextCollapse24Filled |
| React (Light) | TextCollapse32Light |
| Font glyph (Regular, 24 px) | U+F7BE ·  |
| Font glyph (Filled, 24 px) | U+F7D6 ·  |
| License | MIT (© Microsoft Corporation) |