.
Use as the default icon color on dark surfaces
pure-white
.
Use as disbled icon color
silver-grey
.
Use as the default icon color
graphite-grey
xxxsmall8pxxxsmall10pxxsmall12pxsmall16pxmedium24px
1. Clear Meaning
Icons should be as simple as possible while clearly representing their intended meaning.
2. Recognizable
Use established icons that Basis users will recognize and understand quickly.
3. Clickable Icons
All clickable icon should be displayed using an icon button.
Additional Reading
Icon Usability https://www.nngroup.com/articles/icon-usability/
Icon Usability - Best UX Tips and Design Guidelines https://www.intechnic.com/blog/icon-usability-best-ux-tips-and-design-guidelines/
Icons As Part Of A Great User Experience https://www.smashingmagazine.com/2016/10/icons-as-part-of-a-great-user-experience/