The Lucide align vertical justify center icon visually represents the distribution of multiple items evenly along the vertical axis within a container, commonly used to center content vertically.
Common uses
- Centering text blocks vertically in a header.
- Distributing form elements evenly within a vertical layout.
- Aligning navigation links in a sidebar.
Use it in React
Install
npm i lucide-reactImport & render
import { AlignVerticalJustifyCenter } from 'lucide-react';
<AlignVerticalJustifyCenter size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- centeritemsflexjustifydistributebetweenalignverticalvertical center aligndistribute vertical centerflex vertical centeralign items center vertical
FAQ
- What does the align vertical justify center icon represent?
- This icon depicts items being spaced equally along the vertical axis, ensuring they are centered within their container.
- How do I use this icon in React?
- You can import and use it in React with: import { AlignVerticalJustifyCenter } from 'lucide-react'
- 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 →