Fluent Icons

Slide Size icon

Used in slide ui scenarios. The Slide Size icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 2 sizes from 20 to 24 px. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

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

Slide Size icon in React

npm install @fluentui/react-icons

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

export function Example() {
  return <SlideSize24Regular aria-label="Slide Size" />;
}

Slide Size icon in SVG

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/slide_size_24_regular.svg";

<!-- or load it from a CDN -->
<img src="https://cdn.jsdelivr.net/npm/@fluentui/svg-icons@1.1.341/icons/slide_size_24_regular.svg" width="24" height="24" alt="Slide Size">

Slide Size icon in Blazor

Microsoft's Fluent UI Blazor icons package:

dotnet add package Microsoft.FluentUI.AspNetCore.Components.Icons

<FluentIcon Value="@(new Icons.Regular.Size24.SlideSize())" />

Slide Size icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.slide_size_24_regular)

Slide Size icon in WinUI / WPF

Add FluentSystemIcons-Regular.ttf from Microsoft's repository to your app, then use the glyph:

<!-- WinUI 3 (font in Assets/Fonts) -->
<FontIcon FontFamily="ms-appx:///Assets/Fonts/FluentSystemIcons-Regular.ttf#FluentSystemIcons-Regular" Glyph="&#xEB26;" FontSize="24" />

<!-- WPF (font in Fonts/, Build Action: Resource) -->
<TextBlock FontFamily="pack://application:,,,/Fonts/#FluentSystemIcons-Regular" Text="&#xEB26;" FontSize="24" />

Slide Size icon in Icon font

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/microsoft/fluentui-system-icons@9cf8af0f95a555918a60b8147a2f33a6a1248442/fonts/FluentSystemIcons-Regular.css">

<i class="icon-ic_fluent_slide_size_24_regular"></i>

/* or use the code point in your own CSS */
.icon::before {
  font-family: "FluentSystemIcons-Regular";
  content: "\eb26";
  font-size: 24px;
}

Slide Size icon in Android

// build.gradle
implementation("com.microsoft.design:fluent-system-icons:1.1.341@aar")

<!-- layout XML -->
<ImageView android:src="@drawable/ic_fluent_slide_size_24_regular" />

// Kotlin
R.drawable.ic_fluent_slide_size_24_regular

Slide Size icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .slideSize24Regular)

Slide Size icon in Power Apps

Paste into an Image control's Image property. The Copy button copies the full formula with this icon's SVG.

"data:image/svg+xml;utf8, " & EncodeUrl("<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>…</svg>")

Use the Slide Size icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS. 

npm install @fluentui/react-icons

import { SlideSize24Regular, SlideSize24Filled } from "@fluentui/react-icons";

export function Example() {
  return <SlideSize24Regular aria-label="Slide Size" />;
}

Coding agents can look up this component through the Fluent Icons MCP server.

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_slide_size_24_regular.svg" width="24" height="24" alt="Slide Size">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent: 

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.7808 7.21967C16.9215 7.36032 17.0005 7.55109 17.0005 7.75V10.25C17.0005 10.6642 16.6647 11 16.2505 11C15.8363 11 15.5005 10.6642 15.5005 10.25V9.56014L13.7801 11.2798C13.4871 11.5727 13.0123 11.5726 12.7194 11.2796C12.4266 10.9867 12.4267 10.5118 12.7197 10.219L14.4393 8.5H13.7493C13.3351 8.5 12.9993 8.16421 12.9993 7.75C12.9993 7.33579 13.3351 7 13.7493 7L16.2505 7C16.4494 7 16.6402 7.07902 16.7808 7.21967ZM7 16.2499C7 16.4488 7.07902 16.6396 7.21967 16.7802C7.36032 16.9209 7.55109 16.9999 7.75 16.9999H10.2512C10.6654 16.9999 11.0012 16.6641 11.0012 16.2499C11.0012 15.8357 10.6654 15.4999 10.2512 15.4999H9.56045L11.2804 13.7797C11.5732 13.4868 11.5732 13.0119 11.2803 12.719C10.9874 12.4261 10.5125 12.4262 10.2196 12.7191L8.5 14.439V13.7499C8.5 13.3357 8.16421 12.9999 7.75 12.9999C7.33579 12.9999 7 13.3357 7 13.7499L7 16.2499ZM2 6.75C2 5.23122 3.23122 4 4.75 4H19.25C20.7688 4 22 5.23122 22 6.75V17.25C22 18.7688 20.7688 20 19.25 20H4.75C3.23122 20 2 18.7688 2 17.25V6.75ZM4.75 5.5C4.05964 5.5 3.5 6.05964 3.5 6.75V17.25C3.5 17.9404 4.05964 18.5 4.75 18.5H19.25C19.9404 18.5 20.5 17.9404 20.5 17.25V6.75C20.5 6.05964 19.9404 5.5 19.25 5.5H4.75Z" fill="currentColor"/></svg>

Details

NameSlide Size
StylesRegular (outlined), Filled
Sizes20 px, 24 px
Regular (outlined) fileic_fluent_slide_size_24_regular.svg
Filled fileic_fluent_slide_size_24_filled.svg
React (Regular)SlideSize20Regular, SlideSize24Regular
React (Filled)SlideSize20Filled, SlideSize24Filled
LicenseMIT (© Microsoft Corporation)

Keywords

slidelandscapedocumentpresentationscalefitwidth

Related icons

Slide AddSlide Arrow RightSlide EraserSlide GridSlide HideSlide LayoutSlide MicrophoneSlide MultipleSlide Multiple Arrow RightSlide Multiple SearchSlide PlaySlide Search