IconLogoMark
IconUiExpandCollapseDown

Release NotesIconUiExpandCollapseDown

ComponentsIconUiExpandCollapseDown

AvatarsIconUiExpandCollapseDown
ButtonsIconUiExpandCollapseDown
Data VisualizationIconUiExpandCollapseDown
DialogsIconUiExpandCollapseDown
FormsIconUiExpandCollapseDown
ModulesIconUiExpandCollapseDown
NotificationsIconUiExpandCollapseDown
ThemesIconUiExpandCollapseDown
TypeIconUiExpandCollapseDown

GuidelinesIconUiExpandCollapseDown

PatternsIconUiExpandCollapseDown

WordsIconUiExpandCollapseDown

ResourcesIconUiExpandCollapseDown

Technology

/

Design

Informational qualities specific to tech.

/>

Certain aspects or conditons for how video can be consumed require identification. Communicate quality, type, or streaming status with these icons.

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

Icons

Icon4G100
4G 100
Icon4G75
4G 75
Icon4G50
4G 50
Icon4G25
4G 25
Icon4G0
4G 0
IconBattery
Battery 100
IconBattery75
Battery 75
IconBattery50
Battery 50
IconBatteryLow
Battery 25
IconBattery0
Battery 0
IconBattery100Charge
Battery 100 Charge
IconBattery50Charge
Battery 50 Charge
IconBattery0Charge
Battery 0 Charge
IconDeviceLandscape
Device Landscape
IconDevicePortrait
Device Portrait
IconEthernet
Ethernet
IconEthernetWarning
Ethernet Warning
IconLocation
Location
IconResolution4K
Resolution 4K
IconResolutionFhd
Resolution FHD
IconResolutionHd
Resolution HD
IconResolutionLd
Resolution LD
IconResolutionSd
Resolution SD
IconStreaming
Streaming
IconSync
Sync
IconWiFi
WiFi
IconWifiDisconnected
WiFi Disconnected
IconWiFiWarning
WiFi Warning

Usage

Being a video company, we have plenty of ways to describe the quality of that video, what it's doing and how our users can customize it. Use these icons when representing those things.

Don't overwhelm an interface element with every available option.

Don'toverwhelm an interface element with every available option.

Do prioritize what is most important.

Doprioritize what is most important.

Platform

platformnotes
Web
  • Stick to the icons above.
Apple
  • Stick to the icons above.
Android
  • Stick to the icons above.