Stack Off icon
Used to represent stacked content & collections. The Stack Off 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 Stack Off 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 { StackOff24Regular, StackOff24Filled } from "@fluentui/react-icons";
export function Example() {
return <StackOff24Regular aria-label="Stack Off" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_stack_off_24_regular.svg" width="24" height="24" alt="Stack Off"> 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="M3.28034 2.21968C2.98745 1.92678 2.51257 1.92677 2.21968 2.21966C1.92678 2.51255 1.92677 2.98743 2.21966 3.28032L3.13537 4.19604C2.46371 4.51855 2 5.20512 2 6V13C2 14.1046 2.89543 15 4 15H13.9391L14.9391 16H4.56302C4.78504 16.8626 5.56809 17.5 6.50001 17.5H15.5C15.7913 17.5 16.0752 17.4689 16.3488 17.4097L17.3066 18.3676C16.9688 18.454 16.6148 18.5 16.25 18.5H7.06302C7.28504 19.3626 8.06809 20 9.00001 20H16.25C17.0436 20 17.7997 19.8392 18.4874 19.5484L20.7194 21.7805C21.0123 22.0734 21.4872 22.0734 21.7801 21.7805C22.073 21.4876 22.073 21.0127 21.7801 20.7198L3.28034 2.21968ZM12.4391 13.5H4C3.72386 13.5 3.5 13.2761 3.5 13V6C3.5 5.72386 3.72386 5.5 4 5.5H4.4393L12.4391 13.5ZM15.5 6V12.3181L16.8762 13.6943C16.9563 13.478 17 13.2441 17 13V6C17 4.89543 16.1046 4 15 4H7.18207L8.68204 5.5H15C15.2761 5.5 15.5 5.72386 15.5 6ZM17.7574 14.5756L18.8573 15.6754C19.2639 15.0493 19.5 14.3022 19.5 13.5V8.49998C19.5 7.56806 18.8626 6.78501 18 6.56299V13.5C18 13.8851 17.9129 14.2498 17.7574 14.5756ZM19.7878 16.606L20.8638 17.682C21.5776 16.7241 22 15.5364 22 14.25V11C22 10.0681 21.3626 9.28501 20.5 9.06299V14.25C20.5 15.1214 20.2377 15.9316 19.7878 16.606Z" 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/stack_off_24_regular.svg";Details
| Name | Stack Off |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_stack_off_24_regular.svg |
| Filled file | ic_fluent_stack_off_24_filled.svg |
| React components | StackOff24Regular, StackOff24Filled |
| License | MIT (© Microsoft Corporation) |