The Tabler align box left middle icon visually represents text alignment to the left and vertically centered within a bounding box, commonly used in UI elements to control text positioning.
Common uses
- Aligning text labels within form fields.
- Centering text content in table cells.
- Positioning text next to an icon or image.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconAlignBoxLeftMiddle } from '@tabler/icons-react';
<IconAlignBoxLeftMiddle size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconAlignBoxLeftMiddle size={24} stroke={2} />filled
<IconAlignBoxLeftMiddleFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Text
- Keywords
- texttypewestalignboxleftmiddletypographywritingfonttext align left centerleft middle alignbox alignmenttypography left middle
FAQ
- What does the align box left middle icon represent?
- It signifies aligning text to the left edge and vertically centering it within its container. This is useful for consistent text layout in user interfaces.
- How do I use this icon in React?
- You can import and use it directly in your React components like this: import { IconAlignBoxLeftMiddle } from '@tabler/icons-react'. Then render it as <IconAlignBoxLeftMiddle />.
- What is the license for this icon?
- The Tabler icons, including align box left middle, are available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →