Panel Left Text icon

Microsoft uses it to represent the plethora of secondary, elevated panels in UI. The Panel Left Text icon is tagged pane, sidebar and elevate. Similar Fluent icons include Panel Left Text Add, Panel Left Text Dismiss and Panel Left.

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

Panel Left Text icon in React

npm install @fluentui/react-icons

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

export function Example() {
  return <PanelLeftText24Regular aria-label="Panel Left Text" />;
}

Use the Panel Left Text icon in React

Import PanelLeftText24Regular and PanelLeftText24Filled 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

NamePanel Left Text
StylesRegular (outlined), Filled
Sizes16 px, 20 px, 24 px, 28 px, 32 px, 48 px
Regular (outlined) fileic_fluent_panel_left_text_24_regular.svg
Filled fileic_fluent_panel_left_text_24_filled.svg
React (Regular)PanelLeftText16Regular, PanelLeftText20Regular, PanelLeftText24Regular, PanelLeftText28Regular, PanelLeftText32Regular, PanelLeftText48Regular
React (Filled)PanelLeftText16Filled, PanelLeftText20Filled, PanelLeftText24Filled, PanelLeftText28Filled, PanelLeftText32Filled, PanelLeftText48Filled
Font glyph (Regular, 24 px)U+F019B · &#xF019B;
Font glyph (Filled, 24 px)U+F019B · &#xF019B;
LicenseMIT (© Microsoft Corporation)

Keywords

panesidebarmodalelevate

Similar icons