IconLogoMark
IconUiExpandCollapseDown

Release NotesIconUiExpandCollapseDown

ComponentsIconUiExpandCollapseDown

AvatarsIconUiExpandCollapseDown
ButtonsIconUiExpandCollapseDown
Data VisualizationIconUiExpandCollapseDown
DialogsIconUiExpandCollapseDown
FormsIconUiExpandCollapseDown
ModulesIconUiExpandCollapseDown
NotificationsIconUiExpandCollapseDown
ThemesIconUiExpandCollapseDown
TypeIconUiExpandCollapseDown

GuidelinesIconUiExpandCollapseDown

PatternsIconUiExpandCollapseDown

WordsIconUiExpandCollapseDown

ResourcesIconUiExpandCollapseDown

Filetypes

/

Design

Represent non-video supported files.

Video may be at the foundation of what we do, but we also support different tools and this is how we show it.

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

Icons

IconFiletypeDocument
Filetype Document
IconFiletypeImage
Filetype Image
IconFiletypeOther
Filetype Other
IconFiletypePdf
Filetype PDF
IconFiletypePresentation
Filetype Presentation
IconFiletypeSpreadsheet
Filetype Spreadsheet
IconFiletypeVideo
Filetype Video
IconFiletypeZip
Filetype Zip

Usage

Identifying different types of files is necessary when uploading and hosting varying information. Stick to these icons to represent them, unless you're showcasing Sportscode files.

Don't use brands when representing files.

Don'tuse brands when representing files.

Do keep file types agnostic.

Dokeep file types agnostic.

Platform

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