Icon component

An icon is a small image that represents a command in a symbolic manner.   

Example of icon buttons

Behavior

Icons should be used as a visual representation of commands in order to help users identify them quickly.

Style

Color

By default, icons shall be grey with 62% opacity.

Size

Button icons shall be provided in 14x14px PNG and in a scalable vector file for all larger sizes than 14×14.

Line and border

Icons shall be designed using 2px wide lines. No borders, in the icon, shall be used.