Hey there! This is the Uniform version 3 documentation site. If you’re looking for version 4, go here instead.
/
Icon
Graphically represent an object or action in limited space.
Use this component to add Uniform standard icons to your interface. Looking to create your own icons in our style? Follow the iconography guidelines.
Categories
Effects
Features & Navigation
Feedback
Filetype
Interaction
Logos
Media Playback
Permissions
Sports
Technology
UI Controls
User
Video Features
Labels
The icon label clearly states the action performed by the icon or icon button on hover.
That said, don’t get it confused with the more detailed and instructional tooltip. The latter allows for more text and includes a tail.
Don'tuse a tooltip to simply name an icon.
Douse an icon label when no additional instructions are needed.
Don'tmake the label a complete sentence.
Domake it a single action and stick to UI label guidelines.
Abiding by UI label guidelines also means no icon label should have closing punctuation.
Platform
| platform | notes |
|---|---|
| Web |
|
| Apple |
|
| Android |
|
| No guidelines exist for Windows (yet). |