1
.
Clear Meaning
Icons should be as simple as possible while clearly representing their intended meaning.
Do
Use icons that will likely have clear connection to meaing
Don't
Use icons that are too generic and may not connect to the meaning
2
.
Recognizable
Use established icons that Basis users will recognize and understand quickly.
Do
Use commonly used icons
Don't
Use similar variants of common icons
3
.
Use established icons that Basis users will recognize and understand quickly.
All clickable icon should be displayed using an icon button.
Do
Use an icon button which a visible hover state and tooltip label
Don't
Use static icons as clickible elements
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/