IconSearch
IconKeyboardShortcuts
d
Design
c
Code
,
Previous Section
.
Next Section
/
Toggle Preview Environment
[
Previous Platform
]
Next Platform
command + ↑
Scroll to Top
command + ↓
Scroll to Bottom
IconLogoMark
IconUiExpandCollapseDown

Release NotesIconUiExpandCollapseDown

ComponentsIconUiExpandCollapseDown

AvatarsIconUiExpandCollapseDown
ButtonsIconUiExpandCollapseDown
Data VisualizationIconUiExpandCollapseDown
DialogsIconUiExpandCollapseDown
FormsIconUiExpandCollapseDown
ModulesIconUiExpandCollapseDown
NotificationsIconUiExpandCollapseDown
ThemesIconUiExpandCollapseDown
TypeIconUiExpandCollapseDown

GuidelinesIconUiExpandCollapseDown

PatternsIconUiExpandCollapseDown

WordsIconUiExpandCollapseDown

ResourcesIconUiExpandCollapseDown

Media Playback

/

Design

Control types of video and playback.

Our most important icon set controls how video is displayed and used. Only ever use this set when representing a video player.

IconWarning
Version 5+
If using Uniform Version 5 or later, please refer to our Storybook docs for the Icon documentation and examples.

Icons

IconAngle1
Angle 1
IconAngle2
Angle 2
IconAngle3
Angle 3
IconAngle4
Angle 4
IconAngle5
Angle 5
IconAngle6
Angle 6
IconAudio
Audio
IconAudioOff
Audio Off
IconAutoSkip
Auto Skip
IconBackward5Sec
Backward 5 Sec
IconEnterFullscreen
Enter Fullscreen
IconExitFullscreen
Exit Fullscreen
IconFastForward
Fast Forward
IconForward5Sec
Forward 5 Sec
IconLoop
Loop
IconLoopOff
Loop Off
IconLoopOne
Loop One
IconNext
Next
IconNormalPlay
Normal Play
IconPause
Pause
IconPlay
Play
IconPrevious
Previous
IconReplay
Replay
IconRewind
Rewind
IconSlowBackward
Slow Backward
IconSlowForward
Slow Forward

Usage

Media playback icons were designed to manipulate video and shouldn't be used where video is not.

Don't use media playback icons when video isn’t involved.

Don'tuse media playback icons when video isn’t involved.

Do make adjusting playback for video easy.

Domake adjusting playback for video easy.

Platform

platformnotes
Web
  • Stick to the icons above.
Apple
  • Stick to the icons above.
Android
  • Stick to the icons above.
No guidelines exist for other platforms (yet).