The HugeIcons align vertical distribute start icon visually represents the distribution of items evenly along the vertical axis, starting from the top, commonly used to arrange elements in a list or grid.
Common uses
- Distributing form fields vertically in a settings panel.
- Arranging list items with equal spacing from top to bottom.
- Aligning toolbar icons with consistent vertical gaps.
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { AlignVerticalDistributeStartIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={AlignVerticalDistributeStartIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- vertical distribute topalign spacing topstack vertical startdistribute evenly top
FAQ
- What does the align vertical distribute start icon represent?
- This icon signifies distributing elements vertically with equal spacing, beginning from the top edge of the container.
- How do I use this icon in a React project?
- Import the icon and the Hugeicons wrapper, then render it like this: import { HugeiconsIcon } from '@hugeicons/react'; import { AlignVerticalDistributeStartIcon } from '@hugeicons/core-free-icons'; render <HugeiconsIcon icon={AlignVerticalDistributeStartIcon} />.
- 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.