Single layer for the monochrome version of the icon. If you want to opt-in to supporting user theming of app icons, provide a The 72 x 72 safe zone in the second image shows where your icon and foreground layers will never be clipped by a shaped mask defined by an OEM.įigure 5: An example of how foreground and background layers look together, with a circular mask applied. Figure 4: Adaptive icons defined using foreground and background layers. Provide two layers for the color version of the icon: one for theįoreground, and one for the background. User theming, the design must meet the following requirements: To ensure that your adaptive icon supports different shapes, visual effects, and If the launcher doesn't support themed app icons.If your app doesn't provide a monochromatic app icon.If the user hasn't enabled themed app icons.The home screen does NOT display the themed app icon-and insteadĭisplays the adaptive or standard app icon-in any of the following Figure 3: Adaptive icons inheriting from the user's wallpaper and themes Launcher supports this feature, the system uses the coloring of the user’sĬhosen wallpaper and theme to determine the tint color.
Words, turned on the Themed icons toggle in system settings), and the If a user has enabled themed app icons (in other
#Ios app icon set generator online android#
User theming: Starting with Android 13 (API level 33), users can theme VisualĮffects may vary from one launcher to another. Figure 2: Examples of visual effects displayed by an adaptive icon Note: Animated visual effects are generated by supported launchers. Visual effects: An adaptive icon supports a variety of engaging visualĮffects, which display when users place or move the icon around the Figure 1: Adaptive icons support a variety of masks, which vary from one device to another Must provide a mask, which the system uses to render all adaptive icons with On one OEM device, and display a squircle on another device. For example, it can display a circular shape Adaptive icons are primarily used by the launcher on the homescreen,īut can also be used in shortcuts, the Settings app, sharing dialogs, and theĪn adaptive icon can adapt to different use cases as follows:ĭifferent shapes: An adaptive icon can display a variety of shapesĪcross different device models. Since you already need 1024x1024 for iOS, it won't hurt to just provide that here as well.Can display differently depending on individual device capabilities and user Provide something that's at least 512x512 pixels.You may still want to follow some of the Apple best practices to ensure your icon looks professional, such as testing your icon on different wallpapers, and avoiding text besides your product's wordmark.This single icon would probably be a combination of your foreground and background layers. You may also want to provide a separate icon for older Android devices that do not support Adaptive Icons you can do so with the android.icon field.You can instead specify a background image using the field ensure that it has the same dimensions as your foreground image.
The default background color is white to specify a different background color, use the field.Use the field in app.json to specify your foreground image.The design you provide should follow the Android Adaptive Icon Guidelines for launcher icons.This allows the OS to mask the icon into different shapes and also support visual effects. The Android Adaptive Icon is formed from two separate layers - a foreground image and a background color or image.