Icon
Icon
Icons are visual representations of commands and actions or common information.
🎨 Figma: Icons are available as a Component that can be accessed in the Assets Panel.
💻 Code: Icons are available as a Web Component.
Cosmos contains a library of almost 300 icons. Use them to put emphasis on information or call to action, to support users by reducing complexity in interfaces and therefore the cognitive load, or for decoration purposes.
Use icons infrequently and purposefully. There are only a few icons that are widely recognized – pair them with meaningful text to support users processing information.
💡 Pro Tip
The Icon component is a wrapper around Cosmos Foundation Icons. Visit the Cosmos Foundation Documentation on Icons to get a full list of Icons available.