Fluent Icons

Document Multiple Percent icon

Used to represent general file types and actions. The Document Multiple Percent 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
Xceed Toolkit Plus for WPF logoXceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

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

Document Multiple Percent icon in React

npm install @fluentui/react-icons

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

export function Example() {
  return <DocumentMultiplePercent24Regular aria-label="Document Multiple Percent" />;
}

Document Multiple Percent icon in SVG

npm install @fluentui/svg-icons

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

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

Document Multiple Percent icon in Blazor

Microsoft's Fluent UI Blazor icons package:

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

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

Document Multiple Percent icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.document_multiple_percent_24_regular)

Document Multiple Percent 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="&#xE523;" FontSize="24" />

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

Document Multiple Percent 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_document_multiple_percent_24_regular"></i>

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

Document Multiple Percent icon in Android

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

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

// Kotlin
R.drawable.ic_fluent_document_multiple_percent_24_regular

Document Multiple Percent icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .documentMultiplePercent24Regular)

Document Multiple Percent 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 Document Multiple Percent 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 { DocumentMultiplePercent24Regular, DocumentMultiplePercent24Filled } from "@fluentui/react-icons";

export function Example() {
  return <DocumentMultiplePercent24Regular aria-label="Document Multiple Percent" />;
}

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_document_multiple_percent_24_regular.svg" width="24" height="24" alt="Document Multiple Percent">

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.5 12C9.53757 12 12 14.4624 12 17.5C12 20.5376 9.53757 23 6.5 23C3.46243 23 1 20.5376 1 17.5C1 14.4624 3.46243 12 6.5 12ZM17.3662 20.5049C17.0571 21.3784 16.2236 22.0039 15.2441 22.0039H11.1865C11.6134 21.5598 11.9779 21.0549 12.2656 20.5039L17.3662 20.5049ZM9 17.5C8.17157 17.5 7.5 18.1716 7.5 19C7.5 19.8284 8.17157 20.5 9 20.5C9.82843 20.5 10.5 19.8284 10.5 19C10.5 18.1716 9.82843 17.5 9 17.5ZM9.33008 14.6719C9.13482 14.4766 8.81831 14.4766 8.62305 14.6719L3.67285 19.6221C3.47804 19.8174 3.47774 20.134 3.67285 20.3291C3.86796 20.5242 4.18458 20.5239 4.37988 20.3291L9.33008 15.3789C9.52534 15.1836 9.52534 14.8671 9.33008 14.6719ZM13.1289 2C13.7256 2.00013 14.2979 2.23719 14.7197 2.65918L19.3379 7.28027C19.7596 7.70219 19.9971 8.27458 19.9971 8.87109V17.2539C19.9971 18.4965 18.9896 19.5038 17.7471 19.5039H12.6855C12.8403 19.0259 12.9406 18.5232 12.9805 18.0039H17.7471C18.1612 18.0038 18.4971 17.668 18.4971 17.2539L18.4961 9.00293L15.25 9.00391C14.0592 9.00391 13.0842 8.07888 13.0049 6.9082L13 6.75391L12.999 3.5H8.75195C8.33795 3.50025 8.00195 3.83594 8.00195 4.25V11.1748C7.52056 11.0609 7.01811 11.0002 6.50195 11V4.25C6.50195 3.00751 7.50952 2.00025 8.75195 2H13.1289ZM9 18.5C9.27614 18.5 9.5 18.7239 9.5 19C9.5 19.2761 9.27614 19.5 9 19.5C8.72386 19.5 8.5 19.2761 8.5 19C8.5 18.7239 8.72386 18.5 9 18.5ZM4 14.5C3.17157 14.5 2.5 15.1716 2.5 16C2.5 16.8284 3.17157 17.5 4 17.5C4.82843 17.5 5.5 16.8284 5.5 16C5.5 15.1716 4.82843 14.5 4 14.5ZM4 15.5C4.27614 15.5 4.5 15.7239 4.5 16C4.5 16.2761 4.27614 16.5 4 16.5C3.72386 16.5 3.5 16.2761 3.5 16C3.5 15.7239 3.72386 15.5 4 15.5ZM5.5 6.75V11.0762C4.9768 11.157 4.47416 11.3003 4 11.498V6.75C4 5.76929 4.62757 4.93504 5.50293 4.62695L5.5 6.75ZM14.5 6.75391C14.5 7.13359 14.7824 7.44741 15.1484 7.49707L15.25 7.50391L17.4404 7.50293L14.499 4.56055L14.5 6.75391Z" fill="currentColor"/></svg>

Details

NameDocument Multiple Percent
StylesRegular (outlined), Filled
Sizes20 px, 24 px
Regular (outlined) fileic_fluent_document_multiple_percent_24_regular.svg
Filled fileic_fluent_document_multiple_percent_24_filled.svg
React (Regular)DocumentMultiplePercent20Regular, DocumentMultiplePercent24Regular
React (Filled)DocumentMultiplePercent20Filled, DocumentMultiplePercent24Filled
LicenseMIT (© Microsoft Corporation)

Keywords

paperworkfileanaloghorizontal

Related icons

Document Multiple ProhibitedDocument One Page MultipleDocument One Page Multiple SparkleDocument PercentDocument Queue MultipleDocument Bullet List MultipleDocument MultipleDocument Multiple SyncDocument Border PrintDocument ImageDocument JAVADocument Landscape