The Lucide unfold horizontal icon depicts a dashed line expanding outwards horizontally, commonly used to indicate the expansion or unfolding of content along a horizontal axis.
Common uses
- Expanding a horizontal sidebar or panel
- Toggling a horizontal accordion section
- Indicating a horizontal data table row expansion
Use it in React
Install
npm i lucide-reactImport & render
import { UnfoldHorizontal } from 'lucide-react';
<UnfoldHorizontal size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- arrowcollapsefoldverticaldashedunfoldhorizontalexpand horizontalhorizontal collapseunfold rowhorizontal toggle
FAQ
- What does the unfold horizontal icon represent?
- It visually represents the action of unfolding or expanding something horizontally, like a panel or a section.
- How do I use the unfold horizontal icon in React?
- You can import and use it like this: import { UnfoldHorizontal } from 'lucide-react'. Then render it as <UnfoldHorizontal />.
- What is the license for the Lucide unfold horizontal icon?
- The Lucide icon library, including the unfold 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 →