The Tabler align box right middle icon visually represents aligning content to the right side and centered vertically within a bounding box, commonly used for text alignment controls.
Common uses
- Aligning text to the right in a text editor.
- Positioning labels to the right of form fields.
- Justifying text within a specific content area.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconAlignBoxRightMiddle } from '@tabler/icons-react';
<IconAlignBoxRightMiddle size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconAlignBoxRightMiddle size={24} stroke={2} />filled
<IconAlignBoxRightMiddleFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Text
- Keywords
- texttypeeastalignboxrightmiddletypographywritingfonttext align right centerright middle alignbox align rightcontent align right middle
FAQ
- What does the align box right middle icon represent?
- It signifies aligning an element to the right edge and vertically centered within its container, often used for text alignment.
- How do I use this icon in React?
- You can import and use it like this: import { IconAlignBoxRightMiddle } from '@tabler/icons-react'.
- What is the license for this icon?
- This icon is provided under the MIT license, allowing for free use.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →