Layout Column Two icon

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

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

npm install @fluentui/react-icons

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

export function Example() {
  return <LayoutColumnTwo24Regular aria-label="Layout Column Two" />;
}

Use the Layout Column Two icon in React

Import LayoutColumnTwo24Regular and LayoutColumnTwo24Filled 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 Column Two
Styles	Regular (outlined), Filled, Light
Sizes	16 px, 20 px, 24 px, 32 px
Regular (outlined) file	`ic_fluent_layout_column_two_24_regular.svg`
Filled file	`ic_fluent_layout_column_two_24_filled.svg`
React (Regular)	`LayoutColumnTwo16Regular, LayoutColumnTwo20Regular, LayoutColumnTwo24Regular, LayoutColumnTwo32Regular`
React (Filled)	`LayoutColumnTwo16Filled, LayoutColumnTwo20Filled, LayoutColumnTwo24Filled, LayoutColumnTwo32Filled`
React (Light)	`LayoutColumnTwo32Light`
Font glyph (Regular, 24 px)	`U+F049A` · `󰒚`
Font glyph (Filled, 24 px)	`U+F04CE` · `󰓎`
License	MIT (© Microsoft Corporation)

Keywords

ui layout structure customize

Layout Column Two icon

Every size and style