The Phosphor film reel icon depicts a classic film reel, commonly used in UI to represent media playback, video editing, or movie-related functionalities.
Common uses
- Play/pause button for video content
- Link to a movie library or gallery
- Icon for a video editing tool
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { FilmReel } from '@phosphor-icons/react';
<FilmReel size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<FilmReel size={24} />thin
<FilmReel size={24} weight="thin" />light
<FilmReel size={24} weight="light" />bold
<FilmReel size={24} weight="bold" />fill
<FilmReel size={24} weight="fill" />duotone
<FilmReel size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- media
- Keywords
- videographyfilmsmoviesrecordingmediaobjectsfilmreelmovie reelvideo cameracinemafilmstrip
FAQ
- What is the film reel icon used for?
- It's used to represent media, specifically films or videos, in user interfaces. This can include playback controls, content categories, or editing tools.
- How do I use the film reel icon in React?
- You can import it directly from the library like this: import { FilmReel } from '@phosphor-icons/react'. Then, use it as a component: <FilmReel size={32} />.
- What is the license for the Phosphor film reel icon?
- The Phosphor icon library, including the film reel 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 →