Forma 36

Icon

StorybookGithub
stable

Icons are used to indicate actions, statuses and navigation. The Icon component can be used in Button, TextLink, Note and other components.

Table of contents

How to use Icon

  • Select an icon that accurately represents the subject
  • Pair icons with text
  • Position buttons consistently in the interface
  • Ensure the behavior of the button is consistent in all use cases
  • Consider how the button fits into the context of the screen and reduce complexity where possible

Component variations

The Icon component can be configured in different ways using variations in color, size and icon type:

Icon colors

Icon sizes

Icon type

Accessibility

Missing