The HugeIcons align vertical center icon visually represents the action of centering an element vertically within its container, commonly used for aligning text or objects in forms and layouts.
Common uses
- Form field label alignment
- Button text centering
- List item content alignment
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { AlignVerticalCenterIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={AlignVerticalCenterIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- vertical align centercenter verticallymiddle alignalign middle
FAQ
- What is the purpose of the align vertical center icon?
- This icon signifies the alignment of content to the vertical middle of a designated area, ensuring visual balance.
- How do I use the AlignVerticalCenterIcon in React?
- Import both HugeiconsIcon and AlignVerticalCenterIcon, then render the icon using <HugeiconsIcon icon={AlignVerticalCenterIcon} />.
- What is the license for this icon?
- The AlignVerticalCenterIcon 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.