John KuehJohn Kueh

text centerline center top icon

HugeIcons · TextCenterlineCenterTopIcon · MIT

Download SVG

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-icons
Import & 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 →