Document Queue icon
Used for printing and multiple document list scenarios. The Document Queue 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 Queue 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 { DocumentQueue24Regular, DocumentQueue24Filled } from "@fluentui/react-icons";
export function Example() {
return <DocumentQueue24Regular aria-label="Document Queue" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_document_queue_24_regular.svg" width="24" height="24" alt="Document Queue"> 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="M8.75 5C8.33579 5 8 5.33579 8 5.75C8 6.16421 8.33579 6.5 8.75 6.5H10.25C10.6642 6.5 11 6.16421 11 5.75C11 5.33579 10.6642 5 10.25 5H8.75ZM8 8.75C8 8.33579 8.33579 8 8.75 8H10.25C10.6642 8 11 8.33579 11 8.75C11 9.16421 10.6642 9.5 10.25 9.5H8.75C8.33579 9.5 8 9.16421 8 8.75ZM8.75 11C8.33579 11 8 11.3358 8 11.75C8 12.1642 8.33579 12.5 8.75 12.5H10.25C10.6642 12.5 11 12.1642 11 11.75C11 11.3358 10.6642 11 10.25 11H8.75ZM5 4C5 2.89543 5.89543 2 7 2H13.2322C13.7627 2 14.2714 2.21071 14.6464 2.58579L18.4142 6.35355C18.7893 6.72863 19 7.23733 19 7.76777V17C19 18.1046 18.1046 19 17 19H7C5.89543 19 5 18.1046 5 17V4ZM7 3.5C6.72386 3.5 6.5 3.72386 6.5 4V17C6.5 17.2761 6.72386 17.5 7 17.5H17C17.2761 17.5 17.5 17.2761 17.5 17V8.5H14.25C13.2835 8.5 12.5 7.71647 12.5 6.74996L12.5001 3.5H7ZM14.0001 4.06075L14 6.74999C14 6.88807 14.112 7 14.25 7H16.9393L14.0001 4.06075ZM3.5 15.75C3.5 15.3358 3.16421 15 2.75 15C2.33579 15 2 15.3358 2 15.75V17.5C2 19.9853 4.01472 22 6.5 22H17.5C19.9853 22 22 19.9853 22 17.5V15.75C22 15.3358 21.6642 15 21.25 15C20.8358 15 20.5 15.3358 20.5 15.75V17.5C20.5 19.1569 19.1569 20.5 17.5 20.5H6.5C4.84315 20.5 3.5 19.1569 3.5 17.5V15.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/document_queue_24_regular.svg";Details
| Name | Document Queue |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_document_queue_24_regular.svg |
| Filled file | ic_fluent_document_queue_24_filled.svg |
| React components | DocumentQueue24Regular, DocumentQueue24Filled |
| License | MIT (© Microsoft Corporation) |