The Lucide align horizontal space between icon visually represents the distribution of elements with equal spacing between them along a horizontal axis, commonly used in UI layouts to justify content.
Common uses
- Distributing buttons evenly in a horizontal toolbar.
- Arranging form fields with consistent gaps.
- Creating spaced navigation links.
Use it in React
Install
npm i lucide-reactImport & render
import { AlignHorizontalSpaceBetween } from 'lucide-react';
<AlignHorizontalSpaceBetween size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- arounditemsbottomflexjustifyalignhorizontalspacebetweenjustify horizontalhorizontal distribute spacespace between items horizontalflex justify between
FAQ
- What does the align horizontal space between icon represent?
- This icon depicts items distributed with equal spacing between them horizontally. It's typically used in UI to justify content along a horizontal line.
- How do I use this icon in React?
- You can import and use it in React with: `import { AlignHorizontalSpaceBetween } from 'lucide-react'`. Then, render it as a component: `<AlignHorizontalSpaceBetween />`.
- 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 →