The HugeIcons align box bottom left icon depicts an object aligned to the bottom-left corner of a container, commonly used to signify anchoring or positioning an element to that specific area.
Common uses
- Aligning text to the bottom-left of a text box
- Positioning a modal or dialog in the bottom-left corner
- Setting the anchor point for a draggable element
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { AlignBoxBottomLeftIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={AlignBoxBottomLeftIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- align bottom leftbottom left anchorbox align left bottomposition bottom left
FAQ
- What does the align box bottom left icon represent?
- This icon represents an element positioned at the bottom-left boundary of a defined space. It's used in UIs to indicate alignment or anchoring to this corner.
- How do I use the AlignBoxBottomLeftIcon in React?
- Import both HugeiconsIcon and AlignBoxBottomLeftIcon, then render them like this: <HugeiconsIcon icon={AlignBoxBottomLeftIcon} />.
- 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.