The Phosphor slideshow icon visually represents a sequence of images or content, commonly used to indicate a photo gallery, presentation, or a rotating banner in user interfaces.
Common uses
- Photo gallery viewer
- Image carousel component
- Presentation slide indicator
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Slideshow } from '@phosphor-icons/react';
<Slideshow size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Slideshow size={24} />thin
<Slideshow size={24} weight="thin" />light
<Slideshow size={24} weight="light" />bold
<Slideshow size={24} weight="bold" />fill
<Slideshow size={24} weight="fill" />duotone
<Slideshow size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- media
- Keywords
- picturesimagesphotographygallerycarouselmediasystemslideshowpresentation
FAQ
- What does the slideshow icon represent?
- It signifies a series of images or content displayed sequentially, often used for galleries or presentations.
- How do I use the slideshow icon in React?
- You can import and use it like this: import { Slideshow } from '@phosphor-icons/react'. Then render it as a React component.
- What is the license for this icon?
- The Phosphor icon library, including the slideshow 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 →