The Lucide align vertical distribute end icon visually represents the distribution of items along a vertical axis, ensuring the space between them pushes them towards the bottom edge of their container.
Common uses
- Distributing form elements evenly at the bottom of a modal.
- Arranging list items with equal spacing, aligned to the bottom.
- Justifying content vertically within a flex container.
Use it in React
Install
npm i lucide-reactImport & render
import { AlignVerticalDistributeEnd } from 'lucide-react';
<AlignVerticalDistributeEnd size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- bottomitemsflexjustifyalignverticaldistributeendvertical distribute bottomflex justify end verticalalign bottom itemsdistribute space bottom
FAQ
- What does the align vertical distribute end icon represent?
- This icon signifies aligning and distributing multiple elements vertically, pushing them towards the end (bottom) of their available space with equal distribution.
- How do I use this icon in React?
- You can import and use it in React with the following statement: import { AlignVerticalDistributeEnd } 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 →