Duotone Icons

Decorative, non-functional imagery

Guidelines

  • Decorative only
  • Not functional
Duotone-Examples-Icons

 

Size

  • Native App:
    • Max: 40 x 40px
    • Min: 24 x 24px
  • Web:
    • Max: 48 x 48px
    • Min: 24 x 24px

Accessibility

  • By default, icons include alt text matching the name of the icon file.

Examples

Dialogue > File Upload component

Duotone-Examples-File-Upload

 

Card component

Duotone-Examples-Card-Component