List Bar Tree icon

Microsoft uses it to represent stacked list view. The List Bar Tree icon is tagged view list, details and stack. Similar Fluent icons include List Bar Tree Offset, List Bar and Text Bullet List Tree.

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, 16 px

ic_fluent_list_bar_tree_16_regular.svg

List Bar Tree icon in React

npm install @fluentui/react-icons

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

export function Example() {
  return <ListBarTree16Regular aria-label="List Bar Tree" />;
}

Use the List Bar Tree icon in React

Import ListBarTree16Regular and ListBarTree16Filled 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

NameList Bar Tree
StylesRegular (outlined), Filled
Sizes16 px, 20 px
Regular (outlined) fileic_fluent_list_bar_tree_20_regular.svg
Filled fileic_fluent_list_bar_tree_20_filled.svg
React (Regular)ListBarTree16Regular, ListBarTree20Regular
React (Filled)ListBarTree16Filled, ListBarTree20Filled
Font glyph (Regular, 16 px)U+F0193 · &#xF0193;
Font glyph (Filled, 16 px)U+F0193 · &#xF0193;
LicenseMIT (© Microsoft Corporation)

Keywords

liststackdetailsinformation

Similar icons