The HugeIcons text centerline center top icon visually represents text alignment to the center, with the baseline aligned to the top of the text block, commonly used for setting text justification in editors or design tools.
Common uses
- Text alignment settings in a rich text editor
- Justify text option in a word processor
- Layout options for text blocks in a design application
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { TextCenterlineCenterTopIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={TextCenterlineCenterTopIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- text align center topcenter top texttext justification centeralign center top
FAQ
- What does this icon represent?
- This icon represents text alignment to the center, specifically aligning the text's top baseline to the center of its container. It's typically used for justification controls.
- How do I use this icon in React?
- Import the icon component and render it using the HugeiconsIcon wrapper: import { HugeiconsIcon } from '@hugeicons/react'; import { TextCenterlineCenterTopIcon } from '@hugeicons/core-free-icons'; then render <HugeiconsIcon icon={TextCenterlineCenterTopIcon} />.
- 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 HugeIcons.
Looking for something else? Search HugeIcons 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 →