The Lucide step back icon depicts a left-pointing arrow with a vertical line, commonly used to indicate moving to a previous item, track, or state in a user interface.
Common uses
- Previous track in media players
- Go back to the previous page/step
- Reverse playback control
Use it in React
Install
npm i lucide-reactImport & render
import { StepBack } from 'lucide-react';
<StepBack size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- arrowpreviousmusicleftreversestepbackrewindback arrow
FAQ
- What does the step back icon represent?
- It represents moving backward or to a previous item, often used for navigation or media controls like going to the previous song.
- How do I use the step back icon in React?
- You can import it directly from the 'lucide-react' library like this: import { StepBack } from 'lucide-react'.
- What is the license for the Lucide step back icon?
- The Lucide icon library, including the step back 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 →