The Tabler align box left bottom icon visually represents aligning an element to the bottom-left corner of its container, commonly used for text or layout alignment controls.
Common uses
- Aligning text to the bottom-left of a text area.
- Setting the anchor point for an object to the bottom-left.
- Controlling the justification of text within a bounded area.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconAlignBoxLeftBottom } from '@tabler/icons-react';
<IconAlignBoxLeftBottom size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconAlignBoxLeftBottom size={24} stroke={2} />filled
<IconAlignBoxLeftBottomFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Text
- Keywords
- texttypewestdownsouthcorneralignboxleftbottomtext align bottom leftbox align west southbottom left anchoralign bottom corner
FAQ
- What does the align box left bottom icon represent?
- It signifies aligning an element or text to the bottom-left position within a defined space or container.
- How do I use this icon in React?
- You can import and use it directly with: import { IconAlignBoxLeftBottom } from '@tabler/icons-react'
- What is the license for this icon?
- The Tabler icon library, including this icon, is 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 →