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 filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
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" />;
}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>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/document_multiple_percent_24_regular.svg";Details
| Name | Document Multiple Percent |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_document_multiple_percent_24_regular.svg |
| Filled file | ic_fluent_document_multiple_percent_24_filled.svg |
| React components | DocumentMultiplePercent24Regular, DocumentMultiplePercent24Filled |
| License | MIT (© Microsoft Corporation) |