FeatureIcon

Draws attention to specific features.

GuidelinesReact

When to use

  • To add simple visual context to a pricing table.

When not to use

Component status

Figma

React

iOS

Android

Released
Released
Planned
N/A

Content structure

Icon: shows the icon and it's best to pass through the feature name.

Content

Include non-visual information

Icons can create important context for users, but not everyone sees the icon. So make sure everything necessary is presented in a non-visual form.

By default, the icon comes with alternative text that's the same as the name of the feature. Check to make sure that this information is meaningful and not unnecessarily repeated.