The Lucide align horizontal justify center icon visually represents the distribution of items evenly along a horizontal axis, typically used in UI design to center content within a container.
Common uses
- Centering text blocks
- Distributing form elements horizontally
- Aligning navigation items in the center
Use it in React
Install
npm i lucide-reactImport & render
import { AlignHorizontalJustifyCenter } from 'lucide-react';
<AlignHorizontalJustifyCenter size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- centeritemsflexjustifyalignhorizontalalign center horizontalhorizontal justify centercenter align itemsflex justify center
FAQ
- What does the align horizontal justify center icon represent?
- This icon depicts items being spaced evenly along a horizontal line, with the primary goal of centering them within their container.
- How do I use this icon in React?
- You can import and use it in your React application like this: import { AlignHorizontalJustifyCenter } from 'lucide-react'.
- What is the license for this icon?
- The Lucide icon library, including this 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 →