The HugeIcons distribute vertical top icon visually represents the alignment of multiple objects to the top edge of a container, commonly used in layout tools to evenly space elements vertically from their topmost points.
Common uses
- Aligning toolbar items to the top.
- Distributing form fields from the top margin.
- Arranging elements in a vertical list to the top edge.
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { DistributeVerticalTopIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={DistributeVerticalTopIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- align topdistribute topvertical align toptop distribution
FAQ
- What does the distribute vertical top icon represent?
- This icon signifies aligning and distributing multiple selected items to the top edge of their container or artboard.
- How do I use this icon in a React project?
- Import the icon and render it using the Hugeicons component: `import { HugeiconsIcon } from '@hugeicons/react'; import { DistributeVerticalTopIcon } from '@hugeicons/core-free-icons'; render <HugeiconsIcon icon={DistributeVerticalTopIcon} />`.
- What is the license for this icon?
- The HugeIcons library, including this icon, is available under the MIT license.
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 →