Icons - Design

All Michelin icons follow the same design grid, padding, and are inspired as much as possible by primitive shapes when applicable. The grid helps guide design choices and contributes to ensuring a unified approach to the icon system. It provides flexibility in creating appropriate, precise, and uniform shapes to effectively communicate the intended idea.

All icons are designed on a 32px 32px grid. The design scale is therefore 2:2, not 1:1 (16px 16px), to facilitate the creation process. The icons are then scaled down to sizes of 24px, 20px, and 16px.

The grid includes an internal padding of 2 units (2px) all around. This ensures that the icons maintain their integrity and the desired empty spaces during export. No design element should appear in this space, except in exceptional cases (caps, joins, wide icons, tall icons, etc.). In no case should the design extend beyond the grid.

Primitive, basic, or reference shapes are used to create the most uniform designs possible within an icon set/kit. This helps build stable foundations for the kit. It creates a connection between different symbols that share the same basic shapes (for example: a smartphone, a laptop, and a tablet – a compass and a clock – a ticket, a book, and a document, etc.).

To ensure a clear and consistent user experience, it is essential to maintain visual and conceptual coherence between the pictograms and icons used across all Michelin mediums. Certain symbols, such as the car or the tire, frequently appear in various contexts:

To avoid confusing users and preserve intuitive understanding, it is recommended not to multiply variations of these symbols. Each reuse should follow a unified design: same style, same proportions, same level of detail. This helps reinforce the overall visual identity and makes it easier for users to recognize the associated concepts.

Authorized icon styles:

• Solid: Filled shapes

• Semi-solid: Filled and outlined shapes

• Outlined: Shapes made from strokes

These styles have been selected to maximize impact, readability, and consistency of graphic elements across all Michelin interfaces.

Other styles, such as "filled-outlined," "flat," or "handdrawn," are not suitable for icon usage and design.