What is the fast forward icon used for?

It's used to represent actions like skipping to the next item in a playlist, advancing video playback, or fast forwarding through audio.

How do I use the fast forward icon in React?

Import it from the library like this: `import { FastForward } from '@phosphor-icons/react'`. Then use it as a component: ` `.

The Phosphor icon library, including the fast forward icon, is available under the MIT license.

Phosphor · fast-forward · MIT

The Phosphor fast forward icon depicts a double-arrow pointing right, commonly used to indicate advancing media playback or skipping ahead.

Install

npm i @phosphor-icons/react

Import & render

import { FastForward } from '@phosphor-icons/react';

<FastForward size={24} />

Phosphor ships this icon in 6 styles — each its own import:

regular

<FastForward size={24} />

thin

<FastForward size={24} weight="thin" />

light

<FastForward size={24} weight="light" />

bold

<FastForward size={24} weight="bold" />

fill

<FastForward size={24} weight="fill" />

duotone

<FastForward size={24} weight="duotone" />

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: media
Keywords: audiomusicseekscrubscanaheadskipmediasystemfastforwardnext trackskip aheadadvance mediaseek forward

What is the fast forward icon used for?: It's used to represent actions like skipping to the next item in a playlist, advancing video playback, or fast forwarding through audio.
How do I use the fast forward icon in React?: Import it from the library like this: `import { FastForward } from '@phosphor-icons/react'`. Then use it as a component: `<FastForward />`.
What is the license for the Phosphor fast forward icon?: The Phosphor icon library, including the fast forward icon, is available under the MIT license.

The same idea in other libraries, and near matches in Phosphor.

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →