A default icon button indicates to a user that they can perform an inline action on this page, such as:
aria-labelto describe the action to people using assistive technologies, such as screen readers:
If there's any doubt about comprehension for an Icon Button with no text label, a Tooltip must be used on hover and focus of the Icon Button. Buttons natively receive keyboard focus so there's no need to add a
In a Tooltip used to describe the Icon Button's action (the "tool's tip"), use 1 noun or noun phrase to label the action that will occur by activating the button.
A breadcrumb icon button is an exceptional case that uses a link element instead of a button because it navigates to another page.
Disabled Icon Buttons use 30% opacity on the component itself (not, for example, the inner icon) as described in the Interaction states guidelines.
Here are some examples of existing design systems or references: