Icons

Guidelines

For guidelines on how to use the icons, see the icon component.

Icon colors

You can usually have icons inherit their color from the surrounding text. If you need a standalone icon, select from a status color or one of our icon colors:

Using icons

In Sketch

All our icons our directly in the root of our Sketch library.

In React

In the mobile application

We have the icon font ready for use in mobile applications, copy the code of the icon you need and apply where necessary.

Outside of our codebase

If you need to use our icons outside of our React environment or mobile apps, you have 3 ways of doing so.

• Find the icon you want in the list below and download the SVG or copy its source.
• Download the whole icon set as a ZIP file.
• Download a PNG file for any icon through the Orbit icon CDN.

List of icons

Any icons missing?

Request it on #plz-orbit on Kiwi.com Slack, in our Spectrum community, or as a Github issue.