The HugeIcons align horizontal center icon visually represents the alignment of elements to the horizontal center of a container, commonly used in UI design to center text, images, or other objects.
Common uses
- Centering text blocks
- Aligning form labels
- Distributing items evenly
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { AlignHorizontalCenterIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={AlignHorizontalCenterIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- center horizontalhorizontal align centermiddle aligncenter align
FAQ
- What is the purpose of the align horizontal center icon?
- This icon signifies the action or state of aligning content to the horizontal center. It's used in toolbars or formatting options to control layout.
- How do I use the AlignHorizontalCenterIcon in React?
- Import both HugeiconsIcon and AlignHorizontalCenterIcon, then render the icon component like this: <HugeiconsIcon icon={AlignHorizontalCenterIcon} />.
- What is the license for this icon?
- The HugeIcons align horizontal center icon is available 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.