The Lucide align horizontal distribute start icon visually represents the distribution of items horizontally with spacing, aligning them to the start of the container.
Common uses
- Distributing form elements evenly across a row.
- Aligning navigation links with equal spacing.
- Arranging buttons in a toolbar with consistent gaps.
Use it in React
Install
npm i lucide-reactImport & render
import { AlignHorizontalDistributeStart } from 'lucide-react';
<AlignHorizontalDistributeStart size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- leftitemsflexjustifyalignhorizontaldistributestartdistribute horizontal startflex start horizontalalign items start horizontaljustify horizontal start
FAQ
- What does the align horizontal distribute start icon represent?
- It signifies arranging multiple elements horizontally, ensuring they are spaced apart and aligned towards the beginning of their container.
- How do I use this icon in React?
- You can import and use it like this: import { AlignHorizontalDistributeStart } from 'lucide-react'.
- What is the license for this icon?
- This icon is distributed 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 →