The Phosphor rewind icon depicts a symbol for moving backward through media, commonly used in playback controls to return to a previous point in audio or video.
Common uses
- Rewinding audio playback
- Navigating backward in a video timeline
- Replaying the last few seconds of a recording
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Rewind } from '@phosphor-icons/react';
<Rewind size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Rewind size={24} />thin
<Rewind size={24} weight="thin" />light
<Rewind size={24} weight="light" />bold
<Rewind size={24} weight="bold" />fill
<Rewind size={24} weight="fill" />duotone
<Rewind size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- media
- Keywords
- musicaudioseekscrubscanskipbackbackwardsreversemediasystemrewindpreviousseek backward
FAQ
- What is the Phosphor rewind icon used for?
- It's used in user interfaces to represent the action of moving backward in media playback, such as in music players or video applications.
- How do I use the rewind icon in React?
- You can import and use it with: `import { Rewind } from '@phosphor-icons/react'`. Then render it as `<Rewind />`.
- What is the license for the Phosphor rewind icon?
- The Phosphor icon library, including the rewind 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 →