Iconography is essential for creating a cohesive and enjoyable app experience. To maintain the look and feel among Fiori design language we advise using the outline icon style provided by Material Design. Download them here.

Usage

Do’s

• Use Material Design outline icon set.
• Use icons to highlight important actions for users.
• Use icons to indicate navigation actions to other screens.

Don’ts

• Do not use icon sets that are not from the outline Material Design library.
• Do not use different sized icons.
• Do not use 3rd party icons.

Design Language

By using the icons provided by Material Design, we leverage the outline icon style, which is similar to the visual style of the Fiori design language.

• Simple
• Fresh
• Neutral
• Modern

Grid & Pixel Perfection

System Icon Grid

Pixel Perfection

To avoid having blurry icons, design the icons with full pixels, which means they should have whole number units, with no decimals.

Launch Icon

To stay within the Fiori family, the launch icon for Fiori for Android apps are blue icons that are placed against a white background.

Resources

• Material Design: Iconography – System Icons
• Material Design: Iconography – Product Icons
• Material Design Outlined Icons Library