align box top center icon

Common uses

• Aligning text to the top-center of a text box.
• Centering a modal or popup at the top of the viewport.
• Positioning a header element centrally at the top of a section.

Use it in React

npm i @hugeicons/react @hugeicons/core-free-icons

import { HugeiconsIcon } from '@hugeicons/react';
import { AlignBoxTopCenterIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={AlignBoxTopCenterIcon} size={24} strokeWidth={1.5} />

Details

Library

HugeIcons (5,121 icons)

License

MIT

viewBox

0 0 24 24

Keywords

align top centertop center alignmentvertical align centerbox alignment

FAQ

What is the purpose of the align box top center icon?

This icon indicates an alignment action that positions an element to the top and center of its available space. It's useful for layout and positioning controls in design tools or applications.

How do I use the AlignBoxTopCenterIcon in React?

Import both HugeiconsIcon and AlignBoxTopCenterIcon, then render the icon using the code: <HugeiconsIcon icon={AlignBoxTopCenterIcon} />.

What is the license for HugeIcons?

HugeIcons are 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.