The Lucide chevrons right left icon depicts two sets of chevrons pointing towards each other, commonly used to indicate an action that toggles between expanded and collapsed states, such as folding or unfolding content.
Common uses
- Toggle sidebar collapse/expand
- Expand/collapse a collapsible section
- Switch between horizontal views
Use it in React
Install
npm i lucide-reactImport & render
import { ChevronsRightLeft } from 'lucide-react';
<ChevronsRightLeft size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- collapsefoldhorizontalchevronsrightleftcollapse horizontalexpand collapsetoggle left rightfold unfold
FAQ
- What is the chevrons-right-left icon used for?
- It's typically used to represent actions that toggle between two states, like expanding or collapsing content or views.
- How do I use the chevrons-right-left icon in React?
- You can import and use it like this: import { ChevronsRightLeft } from 'lucide-react'
- What is the license for the Lucide chevrons-right-left 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 →