Iconography

The iconography style originates in the outline version of our Mobius. This shape informs icons’ interior proportions and line weight. These simplified forms improve scalability and clarity of meaning, while the interior spacing promotes legibility. The rounded edges and end caps enhance the icons approachability and connection to the Mobius.

Subject matter

Iconography is figurative, functional and informative, conveying ideas rather than abstract, illustrated forms. Icons can have multiple meanings for use in different contexts. For example, a ship may denote that specific, tangible object (a ship to represent a ship), or it may express broader topics with simple, visual metaphors (a ship to represent maritime trade). All icons are available through Brand Central..

Color use

Icons can be used in the following colorways.

Solid color

The icons are available in all core, primary and secondary colors. Only use the color combination seen below to maintain legibility.

Gradient color

We can recolor icons to gradient color for greater impact in communications. This treatment should be used sparingly and follow the gradient combinations and combinations outlined in the color section. Only use the color combination seen below to maintain legibility.

Isotypes

The only instances in which icons may be used without the outer, bounding circle are as components in isotype charts (demonstrating percentages) and as category identifiers in pie charts. Only icons depicting objects should be used as isotypes.

Improper use

The examples below show what not to do when using icons. Do NOT;