SmilingZ

The Isotype or 'Smiling Z' it's a Logo variant that may be used on its own in certain cases, but the Zurich logo is only complete with the wordmark accompanied by the Isotype.

UX/UI Guidelines

Check the design documentation of the component in ZeroHeight.

Specifications

• Size: 28x28 px (Can be scaled to your needs)
• When used as a Favicon: Fixed size: 16x16 Px (Small) 28x28 Px (Medium). Use a favicon to show the brand identity and to help users recognize Zurich pages easier, when they have multiple browser tabs open. The favicon will be displayed next to the page title in the browser tab.

From Figma to code

...

Customization

INFO

Check everything about the customization mechanics in the "How it works" documentation.

...

Related components

• Logo