The Lucide align vertical space between icon visually represents the distribution of vertical space, typically used in UI design to evenly space elements along a vertical axis.
Common uses
- Distributing form fields vertically with equal spacing.
- Arranging list items with consistent vertical gaps.
- Aligning buttons in a vertical toolbar with uniform padding.
Use it in React
Install
npm i lucide-reactImport & render
import { AlignVerticalSpaceBetween } from 'lucide-react';
<AlignVerticalSpaceBetween size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- centeritemsflexjustifydistributebetweenalignverticalspacevertical distributespace evenly verticalalign content verticalvertical spacing
FAQ
- What is the purpose of the align vertical space between icon?
- This icon signifies the act of distributing items vertically with equal space between them, ensuring consistent visual separation.
- How do I use this icon in React?
- You can import and use it in React with: import { AlignVerticalSpaceBetween } 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 →