The Phosphor playlist icon depicts a list of media items, commonly used to represent a collection or queue of music, videos, or other content.
Common uses
- Displaying a user-created music queue
- Indicating a list of videos to watch
- Representing a collection of saved media
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Playlist } from '@phosphor-icons/react';
<Playlist size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Playlist size={24} />thin
<Playlist size={24} weight="thin" />light
<Playlist size={24} weight="light" />bold
<Playlist size={24} weight="bold" />fill
<Playlist size={24} weight="fill" />duotone
<Playlist size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- media
- Keywords
- *updated*musicaudioqueuemediasystemplaylistlistmedia listaudio queue
FAQ
- What is the playlist icon used for?
- It represents a list or queue of media items, such as songs or videos. Use it to signify collections or playback queues in your UI.
- How do I use the playlist icon in React?
- Import it from the Phosphor library and use it as a component: import { Playlist } from '@phosphor-icons/react'.
- What is the license for the Phosphor playlist icon?
- The Phosphor icon library, including the playlist 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 →