Our flat icons can be seen almost in all our media. From our website to our brochure, they can be used anywhere. Rely on them when words are not enough.
Our icons are carefully designed following a grid. All icons are drawn on a 24x24px grid frame, with a 2px stroke width for outlines. Each frame includes keylines and a 1px padding on all sides as guidance. It’s acceptable to go beyond the padding or off the keylines if this will improve the balance of an icon. If you need of a new icon, follow the guidelines on our Figma doc, or make a request to the design team.
Enhance your design with added detail. Our isometric icons bring depth and clarity, making it easier to communicate concepts and ideas. Its main use is for infographics, presentations, and landing pages.
While there are no strict grids to this set of icons, there are a few rules for consistency.
Use three tones. To keep the icons simple and clean, choose three main colors to work with (from our brand color palette, of course). You can use their lighter/darker tones for details such as texture.
Play with layers. To give more volume and depth to a illustrative icon, play with more than one layer, adjusting the depth and position of each layer for a deeper effect.
Always rounded corners. They make our icons more friendly and match our brand look & feel.
Or access all of them on Figma.