Media Blue

Capture, playback and sound each get their share. You will find Camera, Image, Music, Play, Pause, Stop, Headphones, Microphone, Speaker, Film, Video camera, Vinyl, Radio, Sliders, Waveform and Playlist. The transport trio of Play, Pause and Stop matches in weight, so a player control row looks consistent without any adjustment.

These are transparent PNG files with WebP versions. Widths run from 178 to 268 px and heights from 214 to 254 px, so a mixed row of players and recorders needs only light adjustment to look even.

Where this set fits

• Control strip mockup for a podcast or music player app
• Category tabs in a stock footage or sound-effects library
• Studio equipment checklist in a creator course deck
• Upload-type picker graphics in a content management system

Integrate with one image and shared CSS

Includes a WebP sprite at 128px display size, shared animation styles, a React component and original files. The sprite renders the collection with one image request. Use individual WebP files when you need native resolution.

<link rel="stylesheet" href="./assets.css">
<span class="cc-asset cc-camera-media-blue cc-float" role="img" aria-label="Camera"></span>

cc-float · cc-pulse · cc-pop · cc-swing · cc-spin. Respects reduced motion and needs no animation library.