Blue clay playlist icon, list with dots
An ivory rounded square with three cobalt blue dots and three blue bars, a soft clay playlist and menu icon with a transparent background.
Playlist in cobalt blue and ivory clay, for media players and content libraries. Transparent PNG and WebP, ready for layouts and presentations.
Native image + HTML + React + CSS. Self-host without external image URLs.
Aspect ratio preserved. No upscaling. Respects reduced motion. Raster images, not SVG.
An ivory rounded square holds three rows. Each row has a round cobalt blue dot on the left and a long blue bar to its right, spaced evenly from top to bottom. The square is plump with a pillow-like swell, and the dots and bars are slightly raised from the surface.
It works as the queue tile beside the play and pause buttons, and as a list view toggle next to the image icon in a gallery. Both the PNG and the WebP of the playlist are 227 px wide and 223 px tall, cut out on a transparent background.
Where it works well
- The "up next" queue button in a music player
- A list view toggle in a media library header
- A course lesson outline icon in a video class sidebar
Free use
Free to download, modify, share and use in personal or commercial projects. Attribution is appreciated, not required. AI-generated assets are provided without exclusivity or warranty. This permission applies to the downloadable assets, not the entire Chatcument codebase.
More from this collection
CameraImageMusicPlayPauseStopHeadphonesMicrophoneSpeakerFilmVideo cameraVinyl