The Lucide step forward icon depicts a right-pointing arrow with a vertical bar, commonly used to indicate advancing to the next item in a sequence, such as in media playback or pagination.
Common uses
- Next track button in audio players
- Advance to the next page in a wizard or form
- Skip to the next section of content
Use it in React
Install
npm i lucide-reactImport & render
import { StepForward } from 'lucide-react';
<StepForward size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- arrownextmusicrightcontinuestepforwardfast forwardskip aheadadvance
FAQ
- What is the purpose of the step forward icon?
- It's used to represent the action of moving to the next item or step in a process, like skipping to the next song or page.
- How do I use the step forward icon in React?
- Import it from 'lucide-react' and use it as a component: import { StepForward } from 'lucide-react'.
- What is the license for the Lucide step forward icon?
- The Lucide icon library, including the step forward 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 →