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.