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...)

Sign in

I have a Michelin ID and/or email

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

  • A Michelin ID (e.g. F012345)
  • A double authentification (with ForgeRock application or SMS)
  • A password associated to a 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 never logged into the Design System, you can submit an access request using this link: Request an access