The HugeIcons text vertical alignment icon visually represents the adjustment of text's vertical position within a container, commonly used in text editing or layout tools.
Common uses
- Aligning text to the top of a text box
- Centering text vertically in a cell
- Distributing text evenly within a defined space
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { TextVerticalAlignmentIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={TextVerticalAlignmentIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- vertical aligntext align verticalvertical textalign middle
FAQ
- What does the text vertical alignment icon represent?
- It signifies controls for positioning text vertically within a given area, such as aligning it to the top, middle, or bottom.
- How do I use this icon in React?
- Import both HugeiconsIcon and TextVerticalAlignmentIcon, then render it using <HugeiconsIcon icon={TextVerticalAlignmentIcon} />.
- What is the license for this icon?
- This icon is distributed under the MIT license, allowing for free use in commercial and non-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 →