Segments and construction
Each segment has its own icon based on the same construction, size and style.
- 24 px construction
- Uniform line weight
- Trimmed corners
Colors
- Icons are shown in Black / White.
- Red icons may be used to highlight key elements.
Google Icon Library
If you need further icons to visually support your communication, please use the Google icon library.
The Google icon library is free to use and offers an extended set of features that support the customization of the icons.
Recommendend settings
- Weight: 300
- Grade: 0
- Optical Size: 24 px
- Style: Sharp
Arrows
Besides the segment icons there are arrow icons. You can use them for larger applications as a graphic element when the arrows itself function like an image. There are two arrow icons:
Arrow icon
The form of the arrow icon is related to the arrow within the the font set, but is even more characteristic and distinctive. You can use it in Red, Black, Limestone and White.
Arrow icon with pattern
The arrow icon is also available with a fill of the Uplifting Pattern. This icon is available in Red, Limestone and White.
Arrow icon for large applications
The icon is available in 8 directions and in 4 colors:
Red, Black, Limestone, White
Exemplary use as a supportive graphic element
Arrow icon with Uplifting Pattern for large applications.
The icon is available in 8 directions and in 3 colors:
Red, Limestone, White
Exemplary use for large application
Dont's
Do not use any colors other than the assigned colors.
Do not use icons that are not part of or different to the brand icon set.
Do not modify icons with excessive rounding or altered shapes.
Do not apply the uplifting line pattern to icons other than arrows.
Do not use icons in poor quality, e.g., caused by scaling up small image files.
Do not place icons on backgrounds with insufficient contrast.