The Lucide align center horizontal icon visually represents the alignment of multiple items to the horizontal center of their container, commonly used in UI design for layout and distribution.
Common uses
- Centering text blocks
- Aligning form elements horizontally
- Distributing items evenly in a row
Use it in React
Install
npm i lucide-reactImport & render
import { AlignCenterHorizontal } from 'lucide-react';
<AlignCenterHorizontal size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- itemsflexjustifyaligncenterhorizontalcenter alignhorizontal centeralign items centerjustify center
FAQ
- What does the align center horizontal icon represent?
- This icon signifies aligning elements along the horizontal axis to the center. It's often used in layout tools to ensure content is centered within its available space.
- How do I use this icon in React?
- You can import and use it in your React application like this: import { AlignCenterHorizontal } from 'lucide-react'. Then, render it as a component: <AlignCenterHorizontal />.
- What is the license for this icon?
- The Lucide icon library, including the align-center-horizontal icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →