The Lucide align horizontal distribute end icon visually represents the distribution of items along a horizontal axis, aligning them to the end of the container, commonly used in UI layouts for flexible box arrangements.
Common uses
- Distributing buttons evenly at the bottom of a form.
- Aligning cards to the right edge of a carousel.
- Justifying text elements to the far right in a header.
Use it in React
Install
npm i lucide-reactImport & render
import { AlignHorizontalDistributeEnd } from 'lucide-react';
<AlignHorizontalDistributeEnd size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- rightitemsflexjustifyalignhorizontaldistributeendflex justify endhorizontal align rightdistribute items endalign end
FAQ
- What does the align horizontal distribute end icon represent?
- It shows items spread out horizontally and pushed towards the end of their container. This is useful for layouts where you want space between elements but aligned to one side.
- How do I use this icon in React?
- You can import it directly from the 'lucide-react' library using: import { AlignHorizontalDistributeEnd } 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 →