When to use
- To add simple visual context to a pricing table.
When not to use
- For general visual context —use an illustration.
Component status
Figma | React | iOS | Android |
|---|---|---|---|
Released | Released | Planned | N/A |
Content structure
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.
This can mean including the name of the feature with the icon so anyone who doesn't see the icon still gets the name. But if the icon is present next to some text with its name, make sure to hide the icon from screen readers.