Icons

Usage

Icons are used to visually communicate available actions inside applications. Using icons can be a great help to users who have difficulties with reading, language, attention, and low vision, but it’s always recommended to pair text and icons for better clarity.

Icons can be used inside components on the user interface in three predefined sizes:

Best Practices

• If the icon appears without text, then use the accessibility attribute or a tooltip to give the icon a text alternative

• Do not use text to describe what the icon looks like, text should be used to describe intended action.

• Avoid duplication, don’t use the same icon for different things. Like the trash can empty or full this is known for deletion.

For more specific use, any icon from the Feather icons set (https://feathericons.com/) can be used.