Style Icon
Simple & Clean
Use objects that are often associated with certain objects or objects that have universal meaning. Use clean, simplified shapes, don't have too many details.
Outline Style
We use an outline style for the main icon. Keep the corners rounded. The color used in our outline icon is Light Gray (HEX #9AA4BF).
Fill Colors Style
This style is used for special cases. Make sure the shapes are distinguishable from each other. The color used in our icon is Light Gray (HEX #9AA4BF) and vice versa two different colors are used, namely purple (HEX #6B00D3), and Blue (HEX #02A3DC).
Principle
There are a series of special shapes that help unify our system icons, and organize their placement on the icon grid. Icons are created in 25x25px sizes and scaled accordingly for different sizes.
Our icons must adhere to a minimum height and width of 16px, active area of 20×20 px, and padding of 0.7px.
Dimensions:
- 20px x 20px
- Â 16px x 16px
Strokes:
- 1.3pt
- Â 0.9pt