The Lucide fold horizontal icon depicts a dashed line folding over a solid line, typically used to indicate collapsing or folding content horizontally.
Common uses
- Collapsing sidebars or panels
- Folding content sections
- Indicating a horizontal break or fold
Use it in React
Install
npm i lucide-reactImport & render
import { FoldHorizontal } from 'lucide-react';
<FoldHorizontal size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- arrowcollapsefoldverticaldashedhorizontalcollapse horizontalhorizontal foldfold dashvertical collapse
FAQ
- What does the fold horizontal icon represent?
- It visually represents the action of folding or collapsing content along a horizontal axis, often used for UI elements like sidebars or content sections.
- How do I use the fold horizontal icon in React?
- You can import and use it in your React application with the following statement: import { FoldHorizontal } from 'lucide-react'.
- What is the license for the Lucide fold horizontal icon?
- The Lucide icon library, including the fold 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 →