align box middle left icon

Common uses

• Aligning text blocks to the left edge and center vertically.
• Positioning elements within a grid or flexbox layout.
• Controlling the vertical and horizontal placement of objects in design tools.

Use it in React

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

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

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

Details

Library

HugeIcons (5,121 icons)

License

MIT

viewBox

0 0 24 24

Keywords

align middle leftvertical center leftleft align centerbox alignment left middle

FAQ

What does the align box middle left icon represent?

This icon represents an object that is aligned to the middle of the vertical axis and the left side of its container. It's used in UI to indicate alignment options.

How do I use this icon in a React application?

Import the icon component and use it with the HugeiconsIcon wrapper: import { HugeiconsIcon } from '@hugeicons/react'; import { AlignBoxMiddleLeftIcon } from '@hugeicons/core-free-icons'; then render <HugeiconsIcon icon={AlignBoxMiddleLeftIcon} />.

What is the license for this icon?

This icon is 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.