Slide Text Multiple icon

Used in slide ui scenarios. The Slide Text Multiple icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 4 sizes from 16 to 32 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_text_multiple_24_regular.svg

Slide Text Multiple icon in React

npm install @fluentui/react-icons

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

export function Example() {
  return <SlideTextMultiple24Regular aria-label="Slide Text Multiple" />;
}

Slide Text Multiple icon in SVG

npm install @fluentui/svg-icons

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

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

Slide Text Multiple icon in Blazor

Microsoft's Fluent UI Blazor icons package:

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

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

Slide Text Multiple icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.slide_text_multiple_24_regular)

Slide Text Multiple 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="&#xF052;" FontSize="24" />

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

Slide Text Multiple 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_text_multiple_24_regular"></i>

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

Slide Text Multiple 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_text_multiple_24_regular" />

// Kotlin
R.drawable.ic_fluent_slide_text_multiple_24_regular

Slide Text Multiple icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .slideTextMultiple24Regular)

Slide Text Multiple 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 Text Multiple 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 { SlideTextMultiple24Regular, SlideTextMultiple24Filled } from "@fluentui/react-icons";

export function Example() {
  return <SlideTextMultiple24Regular aria-label="Slide Text Multiple" />;
}

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_text_multiple_24_regular.svg" width="24" height="24" alt="Slide Text Multiple">

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="M6.75 7.5C6.33579 7.5 6 7.83579 6 8.25C6 8.66421 6.33579 9 6.75 9H10.25C10.6642 9 11 8.66421 11 8.25C11 7.83579 10.6642 7.5 10.25 7.5H6.75ZM6 11.25C6 10.8358 6.33579 10.5 6.75 10.5H13.25C13.6642 10.5 14 10.8358 14 11.25C14 11.6642 13.6642 12 13.25 12H6.75C6.33579 12 6 11.6642 6 11.25ZM6.75 13.5C6.33579 13.5 6 13.8358 6 14.25C6 14.6642 6.33579 15 6.75 15H11.25C11.6642 15 12 14.6642 12 14.25C12 13.8358 11.6642 13.5 11.25 13.5H6.75ZM5.25 4H16.75C18.483 4 19.8992 5.35645 19.9949 7.06558L20 7.25V15.75C20 17.483 18.6435 18.8992 16.9344 18.9949L16.75 19H5.25C3.51697 19 2.10075 17.6435 2.00514 15.9344L2 15.75V7.25C2 5.51697 3.35645 4.10075 5.06558 4.00514L5.25 4ZM3.5 7.2002V15.75C3.5 16.6682 4.20711 17.4212 5.10647 17.4942L5.25 17.5H16.75C17.6682 17.5 18.4212 16.7929 18.4942 15.8935L18.5 15.75L18.4993 7.2002C18.4729 6.25673 17.6998 5.5 16.75 5.5H5.25C4.33183 5.5 3.57881 6.20711 3.5058 7.10647L3.50222 7.2002H3.5ZM21.0005 7.51126C21.9023 8.08885 22.5 9.09963 22.5 10.25V16.25C22.5 19.1495 20.1495 21.5 17.25 21.5H8.25C7.09963 21.5 6.08885 20.9023 5.51126 20.0005L17.25 20C19.3211 20 21 18.3211 21 16.25L21.0005 7.51126Z" fill="currentColor"/></svg>

Details

NameSlide Text Multiple
StylesRegular (outlined), Filled
Sizes16 px, 20 px, 24 px, 32 px
Regular (outlined) fileic_fluent_slide_text_multiple_24_regular.svg
Filled fileic_fluent_slide_text_multiple_24_filled.svg
React (Regular)SlideTextMultiple16Regular, SlideTextMultiple20Regular, SlideTextMultiple24Regular, SlideTextMultiple32Regular
React (Filled)SlideTextMultiple16Filled, SlideTextMultiple20Filled, SlideTextMultiple24Filled, SlideTextMultiple32Filled
LicenseMIT (© Microsoft Corporation)

Keywords

slidelandscapedocumentpresentation

Related icons