1. When to use

Icon buttons should be used to perform specific actions such as "edit" or "close". They should not be used to navigate the user from one page to another. ²

2. Use with caution

The meaning of icons can be misinterpreted. Only use icon buttons for well-known actions that are regularly used and easy to memorize.¹ For lesser-known actions, use our standard buttons with text labels that describe the action.

3. Tooltip Label

The button label is displayed in a tooltip on hover. The button labels should use verbs to describe the exact action that will be taken. Avoid using labels that are vague or generic. ²