The Tabler align box right stretch icon visually represents the alignment of content to the right edge of a container while stretching it to fill available vertical space, commonly used in UI design for layout and spacing adjustments.
Common uses
- Aligning text blocks to the right side of a page section.
- Stretching a right-aligned sidebar to the full height of the viewport.
- Indicating a layout option where elements are justified to the right and expanded vertically.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconAlignBoxRightStretch } from '@tabler/icons-react';
<IconAlignBoxRightStretch size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Text
- Keywords
- layoutpositionpaddingdesigninterfacespacingcssalignflexgridtextboxrightstretchalign right stretchvertical align right
FAQ
- What does the align box right stretch icon represent?
- It signifies aligning an element to the right and stretching it vertically within its container. This is often used for layout controls in design tools or CSS frameworks.
- How do I use this icon in React?
- You can import and use it directly from the '@tabler/icons-react' library with the following import statement: import { IconAlignBoxRightStretch } from '@tabler/icons-react'.
- What is the license for this icon?
- The Tabler icon library, including the 'align box right stretch' icon, is distributed under the MIT license.
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 →