The Lucide square arrow left icon visually represents a backward or previous action, commonly used for navigation controls like going back to a previous page or state.
Common uses
- Back button in a navigation bar
- Undo action button
- Navigate to the previous step in a wizard
Use it in React
Install
npm i lucide-reactImport & render
import { SquareArrowLeft } from 'lucide-react';
<SquareArrowLeft size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- previousbackdirectionwestsignkeyboardbutton<-squarearrowleftprevious iconback arrowgo backreturn icon
FAQ
- What does the square arrow left icon represent?
- It signifies moving backward or returning to a previous state. It's often used for navigation or undo functions.
- How do I use the square arrow left icon in React?
- You can import it directly from the 'lucide-react' library using: import { SquareArrowLeft } from 'lucide-react'.
- What is the license for the Lucide square arrow left icon?
- The Lucide icon library, including the square arrow left 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 →