Icon buttons help people take minor actions with one tap.

People should be able to:

  • Understand meaning of the icon
  • Navigate to and activate an icon button with assistive technology
  • When applicable, a tooltip is available to help describe the icon button’s purpose

Icons inside buttons

Do not rely on an image’s alternative accessibility text label to name an icon button. Directly encode the name into the button component itself.

The icon should be ignored by the screen reader.

Material guidance