Layout Row Four Focus Center Bottom icon

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

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

Layout Row Four Focus Center Bottom icon in React

npm install @fluentui/react-icons

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

export function Example() {
  return <LayoutRowFourFocusCenterBottom24Filled aria-label="Layout Row Four Focus Center Bottom" />;
}

Use the Layout Row Four Focus Center Bottom icon in React

Import LayoutRowFourFocusCenterBottom24Filled 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 Four Focus Center Bottom
StylesFilled
Sizes16 px, 20 px, 24 px
Filled fileic_fluent_layout_row_four_focus_center_bottom_24_filled.svg
React (Filled)LayoutRowFourFocusCenterBottom16Filled, LayoutRowFourFocusCenterBottom20Filled, LayoutRowFourFocusCenterBottom24Filled
Font glyph (Filled, 24 px)U+F04F5 · &#xF04F5;
LicenseMIT (© Microsoft Corporation)

Keywords

uilayoutstructurecustomize

Similar icons