The Lucide arrow left from line icon depicts an arrow pointing left, originating from a horizontal line, commonly used to signify moving backward, returning to a previous state, or folding content.
Common uses
- Navigate to the previous page or section
- Collapse or fold a sidebar or panel
- Indicate a 'back' action in a wizard or multi-step process
Use it in React
Install
npm i lucide-reactImport & render
import { ArrowLeftFromLine } from 'lucide-react';
<ArrowLeftFromLine size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- previousbackdirectionwestexpandfoldhorizontal<-|arrowleftfromlinecollapse leftfold left
FAQ
- What is the arrow left from line icon used for?
- It's typically used for actions like going back, returning to a previous state, or collapsing/folding elements in a user interface.
- How do I use the arrow left from line icon in React?
- You can import it directly from the 'lucide-react' library like this: import { ArrowLeftFromLine } from 'lucide-react'.
- What is the license for the Lucide arrow left from line 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 →