The Lucide align vertical space around icon visually represents the distribution of vertical space, placing equal gaps between and around items in a container.
Common uses
- Distributing list items evenly within a vertical layout.
- Centering content blocks with consistent spacing.
- Aligning elements in a vertical flexbox container.
Use it in React
Install
npm i lucide-reactImport & render
import { AlignVerticalSpaceAround } from 'lucide-react';
<AlignVerticalSpaceAround size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- centeritemsflexjustifydistributebetweenalignverticalspacearoundvertical distribute centerflex vertical align aroundspace items vertically
FAQ
- What does the align vertical space around icon represent?
- It depicts items arranged vertically with equal spacing between them and also at the top and bottom edges of the container.
- How do I use this icon in React?
- You can import and use it like this: import { AlignVerticalSpaceAround } from 'lucide-react'
- What is the license for this icon?
- The Lucide icon library 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 →