The Lucide align vertical distribute center icon visually represents the distribution of items evenly along the vertical axis, typically used in UI to space elements with equal gaps between them.
Common uses
- Distributing form fields vertically with equal spacing.
- Centering a list of buttons vertically within a container.
- Aligning multiple text blocks with consistent vertical gaps.
Use it in React
Install
npm i lucide-reactImport & render
import { AlignVerticalDistributeCenter } from 'lucide-react';
<AlignVerticalDistributeCenter size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- itemsflexjustifyspaceevenlyaroundalignverticaldistributecentervertical distributespace evenly verticalalign items center verticaljustify vertical
FAQ
- What does the align vertical distribute center icon represent?
- This icon represents the concept of distributing multiple items vertically so that the space between each item is equal. It's often used in layout and design tools.
- How do I use this icon in React?
- You can import and use the icon in React with the following statement: import { AlignVerticalDistributeCenter } from 'lucide-react'. Then, you can render it like any other React component.
- What is the license for this icon?
- The Lucide icon library, including the align-vertical-distribute-center 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 →