Layout Row Two Settings icon

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

Regular (outlined)

Filled

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

npm install @fluentui/react-icons

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

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

Use the Layout Row Two Settings icon in React

Import LayoutRowTwoSettings24Regular and LayoutRowTwoSettings24Filled 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 Settings
Styles	Regular (outlined), Filled, Light
Sizes	20 px, 24 px, 28 px, 32 px
Regular (outlined) file	`ic_fluent_layout_row_two_settings_24_regular.svg`
Filled file	`ic_fluent_layout_row_two_settings_24_filled.svg`
React (Regular)	`LayoutRowTwoSettings20Regular, LayoutRowTwoSettings24Regular, LayoutRowTwoSettings28Regular, LayoutRowTwoSettings32Regular`
React (Filled)	`LayoutRowTwoSettings20Filled, LayoutRowTwoSettings24Filled, LayoutRowTwoSettings28Filled, LayoutRowTwoSettings32Filled`
React (Light)	`LayoutRowTwoSettings32Light`
Font glyph (Regular, 24 px)	`U+F0678` · `󰙸`
Font glyph (Filled, 24 px)	`U+F06F8` · `󰛸`
License	MIT (© Microsoft Corporation)

Keywords

ui layout structure customize

Layout Row Two Settings icon

Every size and style