Rectangle Landscape icon
Microsoft uses it in general scenarios around shapes for canvas editing, generic page, landscape content, or screens. The Rectangle Landscape icon is tagged page, screen and slide. Similar Fluent icons include Rectangle Landscape Hint Copy, Rectangle Landscape Sync and Rectangle Landscape Sync Off.
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_rectangle_landscape_24_regular.svg
Rectangle Landscape icon in React
npm install @fluentui/react-icons
import { RectangleLandscape24Regular } from "@fluentui/react-icons";
export function Example() {
return <RectangleLandscape24Regular aria-label="Rectangle Landscape" />;
}Use the Rectangle Landscape icon in React
Import RectangleLandscape24Regular and RectangleLandscape24Filled 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 | Rectangle Landscape |
|---|---|
| Styles | Regular (outlined), Filled, Light |
| Sizes | 12 px, 16 px, 20 px, 24 px, 28 px, 32 px, 48 px |
| Regular (outlined) file | ic_fluent_rectangle_landscape_24_regular.svg |
| Filled file | ic_fluent_rectangle_landscape_24_filled.svg |
| React (Regular) | RectangleLandscape12Regular, RectangleLandscape16Regular, RectangleLandscape20Regular, RectangleLandscape24Regular, RectangleLandscape28Regular, RectangleLandscape32Regular, RectangleLandscape48Regular |
| React (Filled) | RectangleLandscape12Filled, RectangleLandscape16Filled, RectangleLandscape20Filled, RectangleLandscape24Filled, RectangleLandscape28Filled, RectangleLandscape32Filled, RectangleLandscape48Filled |
| React (Light) | RectangleLandscape32Light |
| Font glyph (Regular, 24 px) | U+EA0A ·  |
| Font glyph (Filled, 24 px) | U+EA12 ·  |
| License | MIT (© Microsoft Corporation) |