Layout Row Two Focus Top icon
Microsoft uses it to represent UI layouts. The Layout Row Two Focus Top icon is tagged customize and structure. Similar Fluent icons include Layout Row Two Focus Top Settings, Layout Row Two Split Bottom Focus Top and Layout Row Two Split Top Focus Bottom.
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.
Filled, 24 px
ic_fluent_layout_row_two_focus_top_24_filled.svg
Layout Row Two Focus Top icon in React
npm install @fluentui/react-icons
import { LayoutRowTwoFocusTop24Filled } from "@fluentui/react-icons";
export function Example() {
return <LayoutRowTwoFocusTop24Filled aria-label="Layout Row Two Focus Top" />;
}Use the Layout Row Two Focus Top icon in React
Import LayoutRowTwoFocusTop24Filled 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 |
|---|---|
| Styles | Filled, Light |
| Sizes | 16 px, 20 px, 24 px, 28 px, 32 px |
| Filled file | ic_fluent_layout_row_two_focus_top_24_filled.svg |
| React (Filled) | LayoutRowTwoFocusTop16Filled, LayoutRowTwoFocusTop20Filled, LayoutRowTwoFocusTop24Filled, LayoutRowTwoFocusTop28Filled, LayoutRowTwoFocusTop32Filled |
| React (Light) | LayoutRowTwoFocusTop32Light |
| Font glyph (Filled, 24 px) | U+F0510 · 󰔐 |
| License | MIT (© Microsoft Corporation) |
Keywords
Similar icons
Layout Row Two Focus Top SettingsLayout Row Two Split Bottom Focus TopLayout Row Two Split Top Focus BottomLayout Row Two Split Top Focus Top LeftLayout Row Two Split Top Focus Top RightLayout Row Two Focus BottomLayout Row Two Split Bottom Focus Bottom LeftLayout Row Two Split Bottom Focus Bottom RightLayout Row Two Split TopLayout Column Two Split Left Focus Top LeftLayout Column Two Split Right Focus Top RightLayout Row Four Focus Center Top