The HugeIcons align vertical justify start icon visually represents the distribution of items evenly across a vertical axis, aligning them to the start of that axis.
Common uses
- Aligning text blocks to the top of a container.
- Distributing form elements vertically with spacing.
- Arranging list items with equal vertical gaps.
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { AlignVerticalJustifyStartIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={AlignVerticalJustifyStartIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- vertical align topdistribute vertical topalign top justifyvertical distribution start
FAQ
- What is this icon used for?
- This icon is typically used in UIs to indicate an alignment or distribution setting where elements are spaced evenly along a vertical axis and aligned to the top.
- How do I use this icon in React?
- Import the icon and use it with the HugeiconsIcon component like this: import { HugeiconsIcon } from '@hugeicons/react'; import { AlignVerticalJustifyStartIcon } from '@hugeicons/core-free-icons'; then render <HugeiconsIcon icon={AlignVerticalJustifyStartIcon} />.
- What is the license for this icon?
- This icon is provided under the MIT license, which allows for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →