Layout Row Two Split Bottom Focus Top icon

Microsoft uses it to represent UI layouts. The Layout Row Two Split Bottom Focus Top icon is tagged customize and structure. Similar Fluent icons include Layout Row Two Split Top Focus Bottom, Layout Row Two Split Bottom Focus Bottom Left and Layout Row Two Split Bottom Focus Bottom Right.

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.

Filled, 24 px

ic_fluent_layout_row_two_split_bottom_focus_top_24_filled.svg

Layout Row Two Split Bottom Focus Top icon in React

npm install @fluentui/react-icons

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

export function Example() {
  return <LayoutRowTwoSplitBottomFocusTop24Filled aria-label="Layout Row Two Split Bottom Focus Top" />;
}

Use the Layout Row Two Split Bottom Focus Top icon in React

Import LayoutRowTwoSplitBottomFocusTop24Filled 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

NameLayout Row Two Split Bottom Focus Top
StylesFilled
Sizes16 px, 20 px, 24 px
Filled fileic_fluent_layout_row_two_split_bottom_focus_top_24_filled.svg
React (Filled)LayoutRowTwoSplitBottomFocusTop16Filled, LayoutRowTwoSplitBottomFocusTop20Filled, LayoutRowTwoSplitBottomFocusTop24Filled
Font glyph (Filled, 24 px)U+F051C · &#xF051C;
LicenseMIT (© Microsoft Corporation)

Keywords

uilayoutstructurecustomize

Similar icons