The Calcite Icon component is a handy tool for controlling size, and flipping right-to-left for international use. Icons are utilized from the Calcite UI Icon library that contains hundreds of unique concepts.
Icons can be actionable or illustrative graphical representations of intent. They can be used for wayfinding throughout the interface or represent interactive elements—on their own or in combination with text content. Meaningful, consistent use of icons throughout the interface can help the user easily navigate through workflows.
Use icons sparingly to ensure their meaning is conveyed - overloading the interface with graphical elements can be distracting and reduce the significance of those used.
- Use in Buttons, FABs, or Links when it accurately supports the action intent
- Use in Dropdowns, Comboboxes, Accordions, etc when it helps with clear decision making
- Anchored to an edge or corner of a view as a supportive action
Below are important guidelines on using the Icon component.
When true, the icon will be flipped when the element direction is 'rtl'.
The name of the icon to display. The value of this property must match the icon name from https://esri.github.io/calcite-ui-icons/.
The icon label. It is recommended to set this value if your icon is semantic.
Automatically change theme based on `prefers-color-scheme`