Google Play icon design specifications
Apps & Computer Games around Google Play are embracing a brand new system to fit diverse programmer art to the various UI designs, shape factors, and apparatus of Google Play icon, and to create attention and also an appearance. Contours are easier to consume and visually appealing. They help users concentrate on art, as opposed. They mend problems brought on by arbitrary space to present info, like price, evaluation, and the name.
 |
 |
| Freeform – original format | The uniformed – new format |
These pages explain the instructions you have to follow when designing a resources list on Google Play. Because corners and drop shadows rounded for the program icons, then they should be omitted by you from your assets.
Crucial: If Alternatively, you Are interested in learning more about creating APK launcher icons, That Can Be Different from the Google Play icons described with the Site, View the Tools below:
- Android Adaptive Icons
Follow these APK icon guidelines to learn how to create adaptive launcher icons introduced in Android 8.0 (API level 26). - Product icons
Discover Material Design principles for product icons, including guidelines for icon design, shapes, specs, and treatment.
Google Play icon design: Attributes
The strength distance can be populated by icon artwork, or you are able to design and position art elements such as logos on the grid. Utilize key lines as being a principle, not a rule when setting your art. Ensure After creating your own art it conforms to the next:
When creating your artwork, ensure it conforms to the following:
- Final size: 512px x 512px
- Format: 32-bit PNG
- Color space: sRGB
- Max file size: 1024KB
- Shape: Full square – Google Play dynamically handles masking. The radius will be equivalent to 20% of the icon size.
- Shadow: None – Google Play dynamically handles shadows. See the ‘Shadows’ section below on including shadows within your artwork.
This section describes some guidelines you should follow when creating visual assets for your app on Google Play.
| Total asset size | Product icon key lines |
After the asset is uploaded, Google Play dynamically applies the rounded mask and shadow to ensure consistency across all app/game icons.
On the left-hand side is your new icon asset. The following three images on the right-hand side show Google Play dynamic processing of the icon.
Google Play icon Sizing
Utilize the full asset space as the background when dealing with minimalistic artwork.
Use the keylines as guides for positioning artwork elements (i.e. logos).
 |
 |
| Your full-bleed artwork (final asset) | The end result with shadows and rounded corners dynamically applied by Google Play |
Don’t force your logo or artwork to fit the full asset space. Instead, utilize the keyline grid.
 |
 |
| Don’t. Don’t force drastic brand & artwork transformation to full bleed | Do. Place freeform icon artwork on keylines instead |
Illustrated artwork typically works well as a full bleed icon.
 |
 |
| Don’t. Don’t scale down illustrated artwork onto keylines | Do. Utilize full asset space so your artwork occupies the entire icon |
Google Play icon Shadows
Google Play will dynamically add a drop shadow around the final icon once uploaded.
When adding shadows inside your icon artwork, consider consistency with the Android platform by following Google Material guidelines.
 |
 |
| Don’t. Don’t add drop shadows to your final asset | Do. You can create shadows and light within the artwork |
Corner radius
Google Play dynamically applies the corner radius. This ensures consistency when the icon is resized across different UI layouts. The radius will be equivalent to 20% of the icon size.
 |
 |
| Don’t. Don’t round the edges of your final asset | Do. Fill your entire asset with the artwork when possible |
Badges
Embedded badges take away from the artwork itself and don’t scale down well with the icon.
 |
 |
| Caution. Avoid communicating promotions on your artwork | Caution. Avoid using branding badges |
Brand adaptation
If shapes are a critical part of a logo, do not force the artwork to full bleed. Instead, place it on the new keyline grid.
From left to right: original icon asset, new icon asset (recommended adaptation), new icon rendered on Google Play.
If possible, pick a background color for your asset that’s appropriate for your brand and doesn’t include any transparency. Transparent assets will display the background color of the Google Play UI.
From left to right: original icon asset, new icon asset (recommended adaptation), new icon rendered on Google Play.
If there is no distinct shape around a logo defining it, place it on a full bleed background.
From left to right: original icon asset, new icon asset (recommended adaptation), new icon rendered on Google Play.
If your artwork is flexible enough, consider tweaking it to fully utilize the asset size. If that’s not possible, revert to placing the logo on a keyline grid.
From left to right: original icon asset, new icon asset (recommended adaptation), new icon rendered on Google Play.
Legacy mode
Uploading an icon for each of the specification won’t be allowed at the time of May 20-19. Watch details. Initial icon resources that have yet to be upgraded each the specifications will gradually be migrated to heritage style and scaled-down 75 percent into the key line grid size (512 * 0.75 = 384px).
Original icon assets will be automatically turned into legacy mode assets and be scaled down 75% of the o new keyline grid.
Instructions for API users
To utilize the specification. All calls for Edits. images: that the upload will likely employ whatever specification is configured from the Play Console. There’s no method to employ the specification via API. The Edits. images: Hide telephone might possibly mistake if the older specification remains employed, and also the error message for this particular icon will direct you to the specification. Until it is going to triumph, you might want to retry the telephone times.
Achieve the same result of migrating all other f icons to the brand’s newest specification or “legacy style” from June 2 4, 20-19.
Beginning on June 17, 20-19, all API calls for Edits. images: that the upload will automatically employ the newest specification into the icon. Earlier June 17, 20-19, programmers should use the Play Console Migration dates are different for API consumers After June 17, 20-19, you should upload The specification that is new.
