Skip to Main Content

Iconography

We use iconography to help communicate ideas to our users at a glance. Icons make digital content more digestible and easy to understand.

Iconography ecosystem

We have several types of icons that can be used in specific contexts throughout our website. Our icons should be:

  • composed of basic shapes,
  • recognizable,
  • accompanied by a label or supporting copy (in most cases).

Iconography library

Glyphs

Small and simple icons that are used for information, warning or status notifications.

Examples of glyphs

Microactions

These are icons that represent a command, file, device, directory, or common actions. Microactions are also used to represent common actions like trash, print, and save.

Examples of microaction buttons

Toolbar icons

These appear on our website’s toolbar navigation.

Examples of toolbar icons

Product icons

Product icons visually represent our brand’s products and services. Never alter these icons and use them exactly as they appear in our Design Kit.

Examples of product icons

General icons

General icons represent a repeatable concept or idea that can be used in multiple scenarios as long as they’re similar.

Examples of general icons

System icons

System icons are designed to be a simple representation of a common task or type of content like navigation, a progress bar or a timeline.

Examples of system icons
Please review our Design Kit. There you'll find a set of rules and technical guidelines around how we use and create icons.