The Lucide arrow left to line icon visually represents moving an item or content from right to left, often used to indicate returning to a previous state or collapsing an element.
Common uses
- Navigate to the previous page or section.
- Collapse a sidebar or panel.
- Indicate the beginning of a sequence or list.
Use it in React
Install
npm i lucide-reactImport & render
import { ArrowLeftToLine } from 'lucide-react';
<ArrowLeftToLine size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- previousbackdirectionwestcollapsefoldhorizontal|<-arrowlefttolinecollapse leftfirst item
FAQ
- What is the arrow left to line icon used for?
- It's commonly used for navigation actions like going back, returning to a previous state, or collapsing UI elements.
- How do I use the arrow left to line icon in React?
- You can import and use it like this: import { ArrowLeftToLine } from 'lucide-react'. Then render it as <ArrowLeftToLine />.
- What is the license for this icon?
- This icon is provided under the ISC license, which is a permissive open-source 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 →