Icon
Angular
See contentBlazor
See contentIcon is a graphical representation of an object or a functionality.
Usage
Icons help users to understand the functionality easily and quickly or identify an object through its visual representation. If the visual representation is inaccurate, the icon will be a noise on the interface with no purpose.
Do’s and Don’ts
DO
All Icons design used application should have visual consistency. For example, either use all filled icon or all outlined icons for any application.
Meaning of the icons should be explicit for the users. Test your icons with users to ensure the user understands the meaning of the icon.
Provide tooltip for unlabeled icons.
DON'T
Do not overcrowd the application interface by using many icons. For example, in actions columns of the table if there are more than 3 actions then instead of using icons use ellipses with actions as text on it.
Do not use icon alone if icons are not generic or easy to understand. Use them with label or tooltip.