The Lucide align end horizontal icon visually represents aligning items to the bottom edge of a container, commonly used in UI layouts to control vertical distribution.
Common uses
- Aligning form elements to the bottom of a card.
- Distributing items along the bottom of a navigation bar.
- Setting the vertical alignment for content blocks.
Use it in React
Install
npm i lucide-reactImport & render
import { AlignEndHorizontal } from 'lucide-react';
<AlignEndHorizontal size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- itemsbottomflexjustifyalignendhorizontalalign bottomvertical align endbottom justifyflex end vertical
FAQ
- What does the align end horizontal icon represent?
- It signifies aligning elements to the bottom or end of a horizontal axis, often used in flexbox or grid layouts for vertical positioning.
- How do I use this icon in React?
- You can import and use it like this: import { AlignEndHorizontal } from 'lucide-react'. Then, render it as <AlignEndHorizontal />.
- 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 →