The Tabler float center icon depicts text aligned to the center, commonly used in rich text editors or content management systems to format text blocks.
Common uses
- Centering headings in a document.
- Aligning body text to the middle of a page.
- Formatting a quote or caption centrally.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconFloatCenter } from '@tabler/icons-react';
<IconFloatCenter size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Text
- Keywords
- positionfloatcentertypographywritingfontcharacterwordtextcenter aligntext align centermiddle alignhorizontal center
FAQ
- What is the float center icon used for?
- It visually represents the action of centering text horizontally within its container, often found in text editing tools.
- How do I use the float center icon in React?
- Import it using `import { IconFloatCenter } from '@tabler/icons-react';` and then use it as a React component.
- What is the license for the Tabler float center icon?
- The Tabler icons, including float 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 →