The Tabler align box center top icon visually represents aligning content to the top center of a bounding box, commonly used in UI to indicate text or element positioning.
Common uses
- Aligning text to the top center of a text area.
- Centering a block element vertically within a container.
- Setting the vertical alignment for form labels.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconAlignBoxCenterTop } from '@tabler/icons-react';
<IconAlignBoxCenterTop size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Text
- Keywords
- balancearrangeorganizetopcenteralignlayoutpositionformatadjusttextboxvertical align top centertext align top centertop center alignmentbox alignment top center
FAQ
- What does the align box center top icon represent?
- This icon depicts aligning an object or text to the top edge and the horizontal center of its container. It's used in interfaces to control layout and positioning.
- How do I use this icon in React?
- You can import and use the icon in your React application with: `import { IconAlignBoxCenterTop } from '@tabler/icons-react'`. Then, render it like any other React component: `<IconAlignBoxCenterTop />`.
- What is the license for this icon?
- The Tabler icons, including 'align box center top', are distributed under the MIT license, allowing for free usage in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Tabler.