Android Adaptive Icons Deep Dive
Since Android 8.0 (Oreo), adaptive icons have been the standard. They can display a variety of shapes across different device models.
Chapter 1: What are Adaptive Icons?
Adaptive icons allow the launcher to display the app icon in a circular, square, or squircle shape, depending on the user's theme or device manufacturer preference.
Chapter 2: Layers
An adaptive icon is made of two layers:
1. Foreground: The logo or symbol (108x108dp).
2. Background: A solid color or pattern (108x108dp).
Chapter 3: Safe Zones
The system masks the icon. You must keep critical visual elements within the center 66dp circle to ensure they are never cropped out.
Chapter 4: Testing
Use the "Image Asset Studio" inside Android Studio to preview how your layers interact with different masks.
Adaptive icons allow the launcher to display the app icon in a circular, square, or squircle shape, depending on the user's theme or device manufacturer preference.
Chapter 2: Layers
An adaptive icon is made of two layers:
1. Foreground: The logo or symbol (108x108dp).
2. Background: A solid color or pattern (108x108dp).
Chapter 3: Safe Zones
The system masks the icon. You must keep critical visual elements within the center 66dp circle to ensure they are never cropped out.
Chapter 4: Testing
Use the "Image Asset Studio" inside Android Studio to preview how your layers interact with different masks.
The system masks the icon. You must keep critical visual elements within the center 66dp circle to ensure they are never cropped out.