BRAND STYLE GUIDE: ICONOGRAPHY
Iconography
To save time and make icons consistent, our brand uses Google Material icons which consist with over 2,500 icons with a wide range of design variants. Symbols are available in three styles and four adjustable variable styles (fill, weight, grade, and optical size).
First steps
Use Material Symbols & Icons
https://fonts.google.com/icons
Use correct setting
Settings can be changed if needed. Just use them consistently
Use Material Symbols & Icons
Adjust stroke width, corners & other details
Adjusting & Fine Tune
Most Material icons will have to be adjusted, use these examples to make a consistent and cohesive shape library.
Fills to outlines
In some cases it's suggested to change filled shapes to outlined strokes, to achieve more consistent look.
Before
After
Same width outlines
Adjust various size shapes and outlines to same uniform width.
Before
After
Sharp corners
Use sharp corners to achieve more consistent look and add a contrast between rounded shapes and sharp corners.
Before
After
Fixing & adjusting
Some icons are clumsy and inconsistent, fix and adjust them to achieve uniform look.
Before
After
Summary
01
Use Google Material icons
02
Adjust icons and save them for later use
03
