Product Icon

Intro

The product icon of SAP mobile apps communicates the purpose of SAP’s mobile experience and supports business users in recognizing the app in the Play Store and on their home screens.

Our product icon design direction complements the Horizon visual design and creates a recognizable mobile brand. The balance between individual icon metaphors, characteristic shapes, and coherent visual design embraces the SAP mobile product family.

SAP Fiori for Android product icons

Appearance

To ensure a seamless and recognizable user experience, it is essential to maintain consistent core visual features for the product icon across all system appearances, including default, circle, squircle, teardrop, rounded corners, and monochrome modes. Avoid creating custom icon variants that change elements, as this can make it difficult for users to quickly find the app when switching appearances.

Google Play automatically adds rounded corners and drop shadows to your product icons, so make sure to exclude them from your original assets.

App icon modes (from left to right, top to bottom): default, circle, squircle, teardrop, rounded corners, and monochrome

App Naming Convention

The Naming Center is our internal platform for requesting, reviewing, and managing product or initiative names within SAP’s official branding process. It also provides guidance for internal mobile app naming, ensuring all names align with SAP’s global naming strategy and standards. You can submit new name requests, browse approved names, learn naming guidelines, and manage subscriptions for updates.

Mobile App Name

For detailed rules, exceptions, and examples, visit the Naming Center.

General App Name

This is the name shown in the app store. Keep it concise—up to 30 characters maximum. Avoid using words such as “mobile” or “app” in the title, since the store context already makes it clear that it’s an application.

Short Name

The short name appears underneath the app’s launch icon on the user’s device. It should be clear, recognizable, and limited to 12 characters. Avoid including “SAP” in this short name to keep it clean and consistent with SAP’s mobile naming standards.

Approach

For product icons, we use SAP Fiori icons as a foundation. The best way to start creating app icons is to choose an SAP Fiori icon that best represents your app metaphorically, then apply the style. While it's not required to use an icon as a base, it should follow the same style.

Product icon metamorphosis

Anatomy

The product icon is composed of three layers, representing the three-tier architecture.

Database Layer
Logic Layer
UI Layer

The first level is the database layer, which is the base shape of the app icon. The second layer represents the logic layer. The UI layer is the third layer of the product icon. For some icons, it is also possible to use a highlight layer if needed.

Specification

Background Layer

Second Layer

First Layer

Third Layer

Product Icon Creation

To learn more about the best practices and process for creating Android product icons, refer to the Material Design Product Icons article.

We have created a Figma file with a guide and a product icon template so you can easily export all the sizes you need for your app and the store experience.

Resources

Material Design: Iconography – Product Icons