The Tabler align box bottom center icon visually represents text alignment to the bottom and center of a bounding box, commonly used in UI to indicate text positioning within a container.
Common uses
- Aligning text to the bottom of a text input field.
- Centering text vertically within a footer element.
- Setting text baseline within a document layout tool.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconAlignBoxBottomCenter } from '@tabler/icons-react';
<IconAlignBoxBottomCenter size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconAlignBoxBottomCenter size={24} stroke={2} />filled
<IconAlignBoxBottomCenterFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Text
- Keywords
- texttypedownsouthalignboxbottomcentertypographywritingtext bottom centeralign bottomvertical align centertext anchor bottom
FAQ
- What does the align box bottom center icon represent?
- This icon depicts text aligned to the bottom and center of a defined area. It's used in interfaces to show how text will be positioned within a container or block.
- How do I use this icon in React?
- You can import and use the icon in your React application with the following statement: import { IconAlignBoxBottomCenter } from '@tabler/icons-react'.
- What is the license for this icon?
- The Tabler icons, including 'align box bottom center', are distributed 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 →