The Lucide stretch horizontal icon visually represents distributing items evenly across a horizontal space, often used to indicate stretching or expanding content to fill available width.
Common uses
- UI element to stretch content to container width
- Button to justify items horizontally
- Setting to distribute space between elements
Use it in React
Install
npm i lucide-reactImport & render
import { StretchHorizontal } from 'lucide-react';
<StretchHorizontal size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- itemsflexjustifydistributestretchhorizontaldistribute horizontaljustify contentexpand horizontalflex items
FAQ
- What is the stretch horizontal icon used for?
- It's typically used in UI to signify actions related to stretching, distributing, or justifying items horizontally within a container or layout.
- How do I use the stretch horizontal icon in React?
- You can import and use it like this: import { StretchHorizontal } from 'lucide-react'. Then render it as <StretchHorizontal />.
- What is the license for the Lucide stretch horizontal icon?
- The Lucide icon library, including the stretch horizontal 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 →