Auto Fit Width icon

Microsoft uses it to scale content to fit. The Auto Fit Width icon is tagged scale, vertical and point. Similar Fluent icons include Auto Fit Height, Arrow Fit and Arrow Fit In.

Regular (outlined)

SVG

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.

Regular, 24 px

ic_fluent_auto_fit_width_24_regular.svg

Auto Fit Width icon in React

npm install @fluentui/react-icons

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

export function Example() {
  return <AutoFitWidth24Regular aria-label="Auto Fit Width" />;
}

Use the Auto Fit Width icon in React

Import AutoFitWidth24Regular and AutoFitWidth24Filled 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

NameAuto Fit Width
StylesRegular (outlined), Filled, Light
Sizes20 px, 24 px, 28 px, 32 px
Regular (outlined) fileic_fluent_auto_fit_width_24_regular.svg
Filled fileic_fluent_auto_fit_width_24_filled.svg
React (Regular)AutoFitWidth20Regular, AutoFitWidth24Regular, AutoFitWidth28Regular, AutoFitWidth32Regular
React (Filled)AutoFitWidth20Filled, AutoFitWidth24Filled, AutoFitWidth28Filled, AutoFitWidth32Filled
React (Light)AutoFitWidth32Light
Font glyph (Regular, 24 px)U+E13A · &#xE13A;
Font glyph (Filled, 24 px)U+E13E · &#xE13E;
LicenseMIT (© Microsoft Corporation)

Keywords

pointdirectionhorizontalverticalscalefit

Similar icons