Archive Multiple icon
Used for archiving content. The Archive Multiple 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 Archive 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 { ArchiveMultiple24Regular, ArchiveMultiple24Filled } from "@fluentui/react-icons";
export function Example() {
return <ArchiveMultiple24Regular aria-label="Archive Multiple" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_archive_multiple_24_regular.svg" width="24" height="24" alt="Archive 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="M9.75 10.5C9.33579 10.5 9 10.8358 9 11.25C9 11.6642 9.33579 12 9.75 12H13.2272C13.6414 12 13.9772 11.6642 13.9772 11.25C13.9772 10.8358 13.6414 10.5 13.2272 10.5H9.75ZM4.75 2C3.7835 2 3 2.7835 3 3.75V6.25C3 6.9481 3.40876 7.55073 4 7.83159V15.75C4 17.8211 5.67893 19.5 7.75 19.5H15.25C17.3211 19.5 19 17.8211 19 15.75V7.83159C19.5912 7.55073 20 6.9481 20 6.25V3.75C20 2.7835 19.2165 2 18.25 2H4.75ZM5.5 15.75V8H17.5V15.75C17.5 16.9926 16.4926 18 15.25 18H7.75C6.50736 18 5.5 16.9926 5.5 15.75ZM4.5 3.75C4.5 3.61193 4.61193 3.5 4.75 3.5H18.25C18.3881 3.5 18.5 3.61193 18.5 3.75V6.25C18.5 6.38807 18.3881 6.5 18.25 6.5H4.75C4.61193 6.5 4.5 6.38807 4.5 6.25V3.75ZM21.5003 11.75C21.5003 10.5232 20.9111 9.43391 20.0003 8.74976V16.25C20.0003 18.5973 18.0975 20.5 15.7503 20.5H10.2503L10.243 20.5H7.25C7.93415 21.4109 9.02341 22 10.2503 22H15.7503C18.9259 22 21.5003 19.4257 21.5003 16.25V11.75Z" 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/archive_multiple_24_regular.svg";Details
| Name | Archive Multiple |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_archive_multiple_24_regular.svg |
| Filled file | ic_fluent_archive_multiple_24_filled.svg |
| React components | ArchiveMultiple24Regular, ArchiveMultiple24Filled |
| License | MIT (© Microsoft Corporation) |