Icon Size

Specs

To achieve visual consistency across different platforms, it is important to have and use the same icon sizes. We have implemented icon sizes based on multiples of 8px, similar to spacings. There is only one exception, which is the 12px size that should be used for specific cases.

  • 16px will be the most commonly used size (buttons, chips, breadcrumbs, etc...)

  • 12px will be more specific (chevrons, close modal, etc...)

  • 24 to 64px, it will depend on what we want to highlight (vehicle icon, icon in a benefit card, etc...)

Log in

Log in with Michelin ID

To connect to the Design System, I will need:

  • A Michelin ID (e.g. F012345)
  • Double authentification (with the NetIQ application or by SMS)
  • A password associated with your Michelin ID

I don’t have a Michelin ID and/or email

In order to connect to the Design System, I need:

  • A user ID or an email
  • A password

If you have never accessed the Design System, you can request access via this link.