Page Fit icon
Microsoft uses it to scale content to fit a landscape page. The Page Fit icon is tagged document, scale and point. Similar Fluent icons include Document Fit, Scale Fit and Arrow Fit.
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_page_fit_24_regular.svg
Page Fit icon in React
npm install @fluentui/react-icons
import { PageFit24Regular } from "@fluentui/react-icons";
export function Example() {
return <PageFit24Regular aria-label="Page Fit" />;
}Use the Page Fit icon in React
Import PageFit24Regular and PageFit24Filled 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 | Page Fit |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 16 px, 20 px, 24 px |
| Regular (outlined) file | ic_fluent_page_fit_24_regular.svg |
| Filled file | ic_fluent_page_fit_24_filled.svg |
| React (Regular) | PageFit16Regular, PageFit20Regular, PageFit24Regular |
| React (Filled) | PageFit16Filled, PageFit20Filled, PageFit24Filled |
| Font glyph (Regular, 24 px) | U+F590 ·  |
| Font glyph (Filled, 24 px) | U+F59A ·  |
| License | MIT (© Microsoft Corporation) |