THE IMPORTANCE OF ICONS

Our icon set is designed with one primary purpose – to help users understand content and how to use it. Iconography is a vital part of the modern digital experience, so carefully consider which icons to use and how their meaning may differ for users, both culturally and geographically.

BADGE VS. NO BADGE
To maintain the legibility of the icons, we have separated them into three categories: badge icons, icons and small icons. We want to ensure that the perception of each icon remains intact, regardless of their size.

The badge icons should be used to strengthen and illustrate our Flow delivery and services. In illustrations the brick icons are also used to illustrate the different stakeholders and systems.

The icons without a badge should be used if put inside illustrations where the badge icon is unsuitable.

The small icons are for navigational and explanational purposes, such as menu icons, arrows and above text blocks to enhance the meaning of the text.

Please pick the correct ones for your particular situation.

Badge Icons

Icons

Small Icons

PNG & SVG
Notice that the Icons and Small Icons pack comes in PNG & SVG. SVG is a vector based file.

HERE’S HOW WE USE THEM

In this section, we will take a closer look at how and when to use icons. When deciding whether to use an icon or not, consider what is best for the user. They should always serve a communicative purpose and never interfere with the brand experience.

CLARIFICATION VS. NAVIGATION
Always consider whether you’re using an icon to help users navigate or help strengthen and clarify your message. Also ensure that you follow best practices when it comes to standard symbols; many icons and symbols already exist and have a specific purpose.

Clarification
These icons combined into an illustration help the user to more easily and quickly understand the message.

Use icons to enhance your message and quickly get the message of the content..

Navigation
The arrows or language choser icon help users in their navigation of the site.