The Lucide align vertical distribute start icon visually represents the distribution of items evenly along a vertical axis, aligning their starting edges at the top.
Common uses
- Distributing form fields vertically with equal spacing.
- Aligning and spacing list items from the top.
- Arranging elements in a vertical flex container with top alignment.
Use it in React
Install
npm i lucide-reactImport & render
import { AlignVerticalDistributeStart } from 'lucide-react';
<AlignVerticalDistributeStart size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- topitemsflexjustifyalignverticaldistributestartvertical distribute topalign top itemsflex vertical startjustify vertical start
FAQ
- What does the align vertical distribute start icon represent?
- This icon shows items being spaced out vertically, with their top edges aligned. It's used to control the layout and spacing of elements in a vertical direction.
- How do I use this icon in React?
- You can import and use it in React with the following statement: `import { AlignVerticalDistributeStart } 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 →