The HugeIcons align box top left icon visually represents the alignment of an object or element to the top-left corner of its container, commonly used for positioning controls or content.
Common uses
- Aligning text or elements to the top-left of a text box.
- Setting the default position for a draggable element.
- Positioning a modal or tooltip relative to the viewport.
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { AlignBoxTopLeftIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={AlignBoxTopLeftIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- top left alignmentalign top-leftbox alignmentposition top left
FAQ
- What is the purpose of the align box top left icon?
- This icon signifies aligning an element to the top-left position within a defined space, often used in layout or positioning tools.
- How do I use the AlignBoxTopLeftIcon in React?
- Import both HugeiconsIcon and AlignBoxTopLeftIcon, then render it using <HugeiconsIcon icon={AlignBoxTopLeftIcon} />.
- What is the license for this icon?
- The HugeIcons align box top left 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 →