The Tabler align box left top icon visually represents the alignment of content to the top-left corner of a bounding box, commonly used to indicate text or element positioning.
Common uses
- Aligning text to the top-left of a text area.
- Setting the anchor point for a text element.
- Indicating the default or top-left alignment option in a toolbar.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconAlignBoxLeftTop } from '@tabler/icons-react';
<IconAlignBoxLeftTop size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconAlignBoxLeftTop size={24} stroke={2} />filled
<IconAlignBoxLeftTopFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Text
- Keywords
- texttypewestupnorthcorneralignboxlefttoptext align top leftbox alignment top lefttop left anchoralign west north
FAQ
- What does the align box left top icon represent?
- It shows content being aligned to the top and left edges of its container. This is often used for text or element positioning settings.
- How do I use this icon in React?
- You can import and use it directly with: import { IconAlignBoxLeftTop } from '@tabler/icons-react'
- What is the license for this icon?
- The Tabler icon library, including this icon, is available 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 →