The Tabler align center icon depicts horizontally centered text, commonly used in UI to align text content to the middle of its container.
Common uses
- Centering block of text in a document editor.
- Aligning form labels to the center of their input fields.
- Centering titles or headings in a card or modal.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconAlignCenter } from '@tabler/icons-react';
<IconAlignCenter size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Text
- Keywords
- textalignmentpositionaligncentertypographywritingfontcharacterwordcenter aligntext align centermiddle alignhorizontal center
FAQ
- What does the align center icon represent?
- It represents the alignment of text to the center of a horizontal space. It's used in text editing tools and layout options.
- How do I use the align center icon in React?
- You can import and use it directly as 'IconAlignCenter' from '@tabler/icons-react'.
- What is the license for this icon?
- This icon is provided 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.
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 →