The Phosphor skip forward circle icon visually represents advancing to the next track or segment in media playback, commonly used for 'next' or 'skip' actions within a circular interface.
Common uses
- Next track button in music players
- Skip to next video segment
- Advance to next item in a carousel
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { SkipForwardCircle } from '@phosphor-icons/react';
<SkipForwardCircle size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<SkipForwardCircle size={24} />thin
<SkipForwardCircle size={24} weight="thin" />light
<SkipForwardCircle size={24} weight="light" />bold
<SkipForwardCircle size={24} weight="bold" />fill
<SkipForwardCircle size={24} weight="fill" />duotone
<SkipForwardCircle size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- media
- Keywords
- musicaudioseekscrubscanaheadnextmediasystemskipforwardcirclenext trackfast forwardskip aheadmedia control
FAQ
- What is the purpose of the skip forward circle icon?
- This icon is used to indicate an action that skips forward, typically to the next item in a sequence like a music track or video segment.
- How do I use this icon in React?
- You can import and use it in React with: import { SkipForwardCircle } from '@phosphor-icons/react'
- What is the license for this icon?
- The Phosphor icon library, including this icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →