Layout Row Two Focus Top Settings icon

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

Filled

Xceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

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

ic_fluent_layout_row_two_focus_top_settings_20_filled.svg

npm install @fluentui/react-icons

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

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

Use the Layout Row Two Focus Top Settings icon in React

Import LayoutRowTwoFocusTopSettings20Filled 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	Layout Row Two Focus Top Settings
Styles	Filled, Light
Sizes	20 px, 28 px, 32 px
Filled file	`ic_fluent_layout_row_two_focus_top_settings_20_filled.svg`
React (Filled)	`LayoutRowTwoFocusTopSettings20Filled, LayoutRowTwoFocusTopSettings28Filled, LayoutRowTwoFocusTopSettings32Filled`
React (Light)	`LayoutRowTwoFocusTopSettings32Light`
Font glyph (Filled, 20 px)	`U+F06E4` · `󰛤`
License	MIT (© Microsoft Corporation)

Keywords

ui layout structure customize

Layout Row Two Focus Top Settings icon

Every size and style