The HugeIcons align box bottom right icon visually represents aligning an element to the bottom-right corner of its container, commonly used for positioning UI elements or controls.
Common uses
- Aligning a modal's close button
- Positioning a floating action button
- Justifying text to the bottom right
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { AlignBoxBottomRightIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={AlignBoxBottomRightIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- align bottom rightbox align right bottombottom right alignmentalign to corner
FAQ
- What does the align box bottom right icon represent?
- This icon depicts the action of aligning a box or element to the bottom-right position within a defined space. It's often used to indicate alignment or positioning controls in user interfaces.
- How do I use the AlignBoxBottomRightIcon in React?
- To use it in React, import both HugeiconsIcon and AlignBoxBottomRightIcon from their respective packages and render it like this: <HugeiconsIcon icon={AlignBoxBottomRightIcon} />.
- What is the license for HugeIcons?
- HugeIcons are 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.
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 →