IconLogoMark
IconUiExpandCollapseDown

Release NotesIconUiExpandCollapseDown

ComponentsIconUiExpandCollapseDown

AvatarsIconUiExpandCollapseDown
ButtonsIconUiExpandCollapseDown
Data VisualizationIconUiExpandCollapseDown
DialogsIconUiExpandCollapseDown
FormsIconUiExpandCollapseDown
ModulesIconUiExpandCollapseDown
NotificationsIconUiExpandCollapseDown
ThemesIconUiExpandCollapseDown
TypeIconUiExpandCollapseDown

GuidelinesIconUiExpandCollapseDown

PatternsIconUiExpandCollapseDown

WordsIconUiExpandCollapseDown

ResourcesIconUiExpandCollapseDown

Effects

/

Design

Visual feedback left on video.

Use effects to let coaches and athletes alike leave compelling drawings or marks over video.

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

Icons

IconEffectArrow
Effect Arrow
IconEffectBeam
Effect Beam
IconEffectBoundingBox
Effect Bounding Box
IconEffectCircle
Effect Circle
IconEffectCircle3D
Effect Circle 3D
IconEffectClone
Effect Clone
IconEffectConnectedDisc
Effect Connected Disc
IconEffectCursor
Effect Cursor
IconEffectDisc
Effect Disc
IconEffectFreehand
Effect Freehand
IconEffectImage
Effect Image
IconEffectLine
Effect Line
IconEffectMovePlayer
Effect Move Player
IconEffectPolygone2D
Effect Polygone 2D
IconEffectPolygone3D
Effect Polygone 3D
IconEffectRectangle2D
Effect Rectangle 2D
IconEffectRectangle3D
Effect Rectangle 3D
IconEffectText
Effect Text
IconEffectTextBold
Effect Text Bold
IconEffectTextAlignCenter
Effect Text Align Center
IconEffectTextAlignLeft
Effect Text Align Left
IconEffectTextAlignRight
Effect Text Align Right

Usage

Effect icons are meant to symbolize the effects available on video. They should be used only when video is involved.

Don't use effects icons to represent actions.

Don'tuse effects icons to represent actions.

Do use them to enable drawing tools on video.

Douse them to enable drawing tools on video.

Platform

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