The Tabler stack middle icon depicts three layers or elements stacked vertically with the middle one highlighted, commonly used to represent actions related to centering, ordering, or managing layers in a UI.
Common uses
- Center align content
- Manage layer order
- Select middle item in a sequence
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconStackMiddle } from '@tabler/icons-react';
<IconStackMiddle size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- layersdepthcenterarrangementpositionsequencestructureorderlayoutmediansystemstackmiddlelayer middlecenter stackstack layers median
FAQ
- What does the stack middle icon represent?
- It visually represents items stacked with the middle one emphasized, often used for actions like centering, arranging layers, or indicating a median position.
- How do I use this icon in React?
- You can import and use it directly with: import { IconStackMiddle } from '@tabler/icons-react'. Then render it as <IconStackMiddle />.
- What is the license for this icon?
- This icon is distributed under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Tabler.