The HugeIcons align vertical space between icon visually represents the distribution of equal vertical space between multiple elements, commonly used in UI design to ensure consistent spacing in lists or grids.
Common uses
- Distributing space in a vertical list of items
- Aligning form fields with equal gaps
- Creating uniform spacing in a dashboard layout
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { AlignVerticalSpaceBetweenIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={AlignVerticalSpaceBetweenIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- vertical distributespace evenly verticalalign elementsequal spacing vertical
FAQ
- What does the align vertical space between icon represent?
- This icon depicts the concept of distributing equal vertical space between several objects or elements. It's used in interfaces to signify uniform spacing.
- How do I use this icon in a React application?
- Import the icon and then render it using the HugeiconsIcon component: import { HugeiconsIcon } from '@hugeicons/react'; import { AlignVerticalSpaceBetweenIcon } from '@hugeicons/core-free-icons'; render <HugeiconsIcon icon={AlignVerticalSpaceBetweenIcon} />.
- What is the license for this icon?
- This icon is provided under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in HugeIcons.