The Lucide align center vertical icon visually represents the alignment of multiple items along their vertical center axis, commonly used to center elements within a container or layout.
Common uses
- Centering text labels next to form inputs.
- Aligning icons with button text.
- Distributing items evenly in a vertical list.
Use it in React
Install
npm i lucide-reactImport & render
import { AlignCenterVertical } from 'lucide-react';
<AlignCenterVertical size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- itemsflexjustifyaligncenterverticalvertical align centermiddle aligncenter verticallyalign middle
FAQ
- What does the align center vertical icon represent?
- It signifies aligning elements vertically in the center. This is useful for ensuring visual balance when elements are stacked or placed side-by-side.
- How do I use this icon in React?
- You can import and use it like this: import { AlignCenterVertical } from 'lucide-react'. Then render it as <AlignCenterVertical />.
- What is the license for this icon?
- The Lucide icon library, including this icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →