25 Must-Have Media Player Control Icons for Modern UIs
| Icon | Purpose / Notes |
|---|---|
| Play | Start/resume playback — primary action. |
| Pause | Pause playback — shows active when playing. |
| Stop | Halt playback and reset position. |
| Next / Skip Forward | Jump to next track or chapter. |
| Previous / Skip Back | Return to previous track or chapter. |
| Fast Forward | Increase playback speed or seek forward. |
| Rewind | Seek backward quickly. |
| Seek / Progress Bar | Show and control current position (with draggable thumb). |
| Skip 10s / 15s / 30s | Quick skip buttons for podcasts/videos. |
| Loop / Repeat | Toggle repeat one / repeat all. |
| Shuffle / Random | Toggle random playback order. |
| Mute | Toggle audio on/off quickly. |
| Volume (level) | Show current volume and open slider. |
| Closed Captions / Subtitles | Toggle captions and open language options. |
| Settings / Gear | Access playback settings (quality, speed, captions). |
| Playback Speed | Choose 0.5–2x speeds (common presets). |
| Fullscreen / Exit Fullscreen | Toggle fullscreen video mode. |
| Picture-in-Picture (PiP) | Detach small always-on-top video window. |
| Cast / AirPlay / DLNA | Stream to external devices. |
| Download / Save | Save media for offline playback. |
| Playlist / Queue | Open or show upcoming items and reorder. |
| Add to Favorites / Like | Mark media for quick access. |
| Repeat A–B / Loop Segment | Loop a selected segment (useful for study). |
| Eject | Remove physical media or disconnect session. |
| Record | Capture audio/video (live apps, voice memos). |
Brief design tips:
- Use clear, familiar glyphs; emphasize primary actions (Play/Pause) visually.
- Provide distinct states (filled/outlined, color changes) for active/inactive.
- Pair icons with tooltips and accessible labels; ensure keyboard shortcuts.
- For compact UIs, combine contextually related controls (e.g., Play/Pause toggle).
Leave a Reply