The HugeIcons align top icon visually represents the alignment of multiple objects to the top edge of a container or selection.
Common uses
- Aligning selected text blocks to the top of a page.
- Positioning UI elements to the top of a layout grid.
- Distributing items evenly with their top edges aligned.
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { AlignTopIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={AlignTopIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- align elements toptop alignmentvertical align toptop align
FAQ
- What does the align top icon represent?
- It signifies aligning elements to the uppermost boundary of a designated area or a group of selected items.
- How do I use the AlignTopIcon in React?
- Import both HugeiconsIcon and AlignTopIcon, then render <HugeiconsIcon icon={AlignTopIcon} />.
- What is the license for this icon?
- The HugeIcons align top icon is distributed 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 →