#White app icons android#

App icons sizes for iOS and Android apps.

Java and OpenJDK are trademarks or registered trademarks of Oracle and/or its affiliates.

#White app icons code#

Discover the latest Google Play icon design specificationsĬontent and code samples on this page are subject to the licenses described in the Content License.See these resources for additional information on designing and implementing

For static shortcuts, use the element.Īpp shortcuts overview.

Regular adaptive icons, use one of the following techniques: If you want to apply the same mask and visual effect to your shortcuts as Snippet shows an example of doing this with the foreground drawable. You can also define drawables as elements by enclosing them in the Starting with Android 13 (API level 33), you can opt-in to providing a You can then use the element to define the foreground,īackground, and monochromatic layer drawables for your icons. Resources in your app for backward-compatibility with Android 8.0 (API levelĢ6). Next, in res/mipmap-anydpi-v26/ic_launcher.xml, create alternative drawable The following code snippet illustrates both of these attributes, but most apps Your branding relies on a circular shape. Require a different icon asset for circular masks, for example in a case where You may also define an iconĭrawable resource using the android:roundIcon attribute-but only if you

#White app icons update#

To add an adaptive icon to your app, update the android:icon attribute in yourĪpp manifest to specify a drawable resource.

#White app icons how to#

To learn how to create adaptive icons using Android Studio, see ourĭocumentation for creating launcher icons. Icon will neither look consistent with other icons displayed by the system, nor Masking and to create visual effects such as parallax or pulsing.Ĭaution: If you don't update your launcher icon with the necessary layers, the The outer 18 dp on each of the four sides of the layers are reserved for The inner 72 x 72 dp of the icon appears within the masked viewport. The logo must be at least 48 x 48 dp it must not exceed 72 x 72 dp because The icons should be clean edges the layers must not have masks orīackground shadows around the outline of the icon. Figure 6: A monochromatic icon layer (left) with examples of color previews (right).Īll layers must be sized at 108 x 108 dp.

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

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. Can display differently depending on individual device capabilities and user