Icon

Icons add simple visual context so users can understand the context at a glance. They can help clarify a feature’s main purpose or draw attention to a commonly understood action. 

Remember that while visual cues like icons can help many people process the message, not everyone will benefit from them. Make sure your content is accessible to everyone by including a label or other text to make the message clear.

Component status

Figma

Released

Web (React)

Released

iOS (Swift)

n/a

Android (Kotlin)

n/a

Sketch

Released

Content structure

General guidelines

For guidelines on how to work with icons, please check Icons page. You can also find a list of all our icons.

List of all icons