When to use icon ?
Icons should be used in combination with meaningful text to support users progressing through the product in an accessible manner.
|
DO |
DON’T |
Do match your icon color with your text color when pairing them. |
Don’t use different colors for text and icons. |
|
|
|
|
DO |
DON’T |
Do center-align icons when they’re next to text. |
Don’t baseline-align icons to the text. |
|
|
|
|
DO |
DON’T |
Do background whit opacity 20% |
Do not use a background with 100% opacity, as this is not a button. |