The HugeIcons align box middle right icon visually represents aligning an object to the middle right of a container or selection, commonly used for layout and alignment controls in user interfaces.
Common uses
- Aligning text to the right edge of a text box.
- Positioning an element to the middle right of a parent container.
- As a button in a toolbar for right-middle alignment.
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { AlignBoxMiddleRightIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={AlignBoxMiddleRightIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- align right middlevertical align rightright middle alignbox align right middle
FAQ
- What does the align box middle right icon represent?
- This icon signifies the action of aligning an item to the vertical center and the right edge of its designated area.
- How do I use this icon in React?
- Import the icon and use it with the HugeiconsIcon component: import { HugeiconsIcon } from '@hugeicons/react'; import { AlignBoxMiddleRightIcon } from '@hugeicons/core-free-icons'; then render <HugeiconsIcon icon={AlignBoxMiddleRightIcon} />.
- 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.
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 →