The Phosphor skip back circle icon visually represents rewinding or going to the previous item in a media playback sequence, often used for navigation in audio or video players.
Common uses
- Rewind button in a media player
- Navigate to the previous track in a music app
- Go back to a previous section in a video
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { SkipBackCircle } from '@phosphor-icons/react';
<SkipBackCircle size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<SkipBackCircle size={24} />thin
<SkipBackCircle size={24} weight="thin" />light
<SkipBackCircle size={24} weight="light" />bold
<SkipBackCircle size={24} weight="bold" />fill
<SkipBackCircle size={24} weight="fill" />duotone
<SkipBackCircle size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- media
- Keywords
- musicaudioseekscrubscanbackbackwardsreversepreviousmediasystemskipcircleprevious trackrewindgo back
FAQ
- What is the skip back circle icon used for?
- It's used to indicate an action that moves playback backward, such as rewinding or selecting the previous item in a list or sequence.
- How do I use the skip back circle icon in React?
- You can import and use it like this: `import { SkipBackCircle } from '@phosphor-icons/react'`. Then render it as a component: `<SkipBackCircle size={24} />`.
- What is the license for this icon?
- The Phosphor icon library, including the skip back circle 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 →