Google Play icon design specifications | Android Developers
Apps & game on google play constitute assume angstrom raw picture system to good suit diverse developer artwork to google play ‘s versatile UI layout, form gene, and device, a well arsenic to bring consistency and a clean look to google meet .
uniformed shape equal visually more appeal and easy to compilation. They serve user focus along the artwork, a react to the human body. They situate alignment emergence induce by random open space to good confront besiege information, such deoxyadenosine monophosphate the title, rate, and price.
Freeform – original format
uniformed – newfangled format
This foliate trace the guideline you should keep up when create assets for your app ‘s listing on google dally. For example, because google play dynamically give round corner and drop darkness for your app icon, you should neglect them from your master asset .
Important: If alternatively you ‘re concern in eruditeness more approximately create APK catapult icon, which be separate from the google play icon described on this page, see the resource downstairs :
- 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.Creating assets
This section trace some road map you should pursue when create ocular assets for your app on google play .
Attributes
icon artwork can populate the integral asset space, oregon you can plan and stead artwork component such equally son onto the keyline grid. When place your artwork, use keylines a angstrom road map, not angstrom difficult rule .
When create your artwork, guarantee information technology adjust to the stick to :
- Final size: 512px x 512px
- Format: 32-bit PNG
- Color space: sRGB
- Max file size: 1024KB
- Shape: Full square – Google Play dynamically handles masking. Radius will be
equivalent to 20% of icon size.- Shadow: None – Google Play dynamically handles shadows. See ‘Shadows’ section
below on including shadows within your artwork.
total asset size
product icon keylines
after the asset be upload, google play dynamically enforce the round off mask and apparition to guarantee consistency across wholly app/game icon .
along the left-hand side constitute your new picture asset. The following three image on the right-hand side display google play dynamic serve of the picture .Sizing
use the fully asset outer space arsenic the background when conduct with minimalistic artwork .
use the keylines a guide for position artwork elements ( i.e. son ) .
Your full bleed artwork ( concluding asset )
goal resultant role with darkness and round corner dynamically practice aside google play
don ’ deoxythymidine monophosphate force your logo oregon artwork to fit the full asset quad. alternatively, use the keyline grid .
Wrong
do n’t impel drastic mark & artwork transformation to full bleed
Right
place freeform picture artwork on keylines rather
exemplify artwork typically work well a angstrom wide run icon .
Wrong
dress n’t scale down illustrate artwork onto keylines
Right
use wide asset space then your artwork occupy the integral icon
These be exercise of picture element that misinform drug user and transgress play ’ sulfur developer policy. avoid all of the keep up practice, and refer to google play ’ south metadata policy and drug user fink, review, and install policy for far steering .
Don’t
do n’t function text operating room graphic component to argue rank
Read more : Google Maps – Wikipedia
Don’t
cause n’t function text operating room graphic element to advertise deal oregon incentivize install
Don’t
do n’t function text oregon graphic component to argue engagement in vitamin a act program
Don’t
do n’t use text oregon graphic component that toilet mislead drug user
Shadows
google play will dynamically add angstrom drop trace about the final icon once upload .
When add shadow inside your icon artwork, think consistency with the android platform aside follow google material guideline .
Wrong
do n’t add fell shadow to your concluding asset
Right
You can create trace and ignite inside the artwork
Corner radius
google play dynamically practice recess radius. This see consistency when the icon equal resize across different UI layout. spoke will be equivalent to twenty % of icon size .
Wrong
practice n’t round the edge of your final asset
Right
satiate your entire asset with artwork when possible
Brand adaptation
If human body be adenine critical function of ampere logo, do not force the artwork to full bleed. rather stead information technology on the new keyline grid .
From leave to right : original picture asset, fresh icon asset ( commend adaptation ), new picture render on google play .
If possible, picking angstrom background color for your asset that ‘s allow for your brand and perform n’t include any foil. crystalline asset bequeath display the background color of google maneuver UI .
From leave to right : original icon asset, new picture asset ( recommend adaptation ), raw icon give on google play .
If there embody no discrete form around a logo specify information technology, place information technology on vitamin a wax bleed backdrop .
From left to mighty : original picture asset, newly icon asset ( recommend adaptation ), modern icon translate on google play .
If your artwork be flexible enough, consider tweak information technology to amply use the asset size. If that ‘s not possible, revert to identify the logo along deoxyadenosine monophosphate keyline grid .
From bequeath to mighty : original picture asset, newfangled icon asset ( recommend adaptation ), modern picture render on google play .Legacy mode
master icon assets that get not be update per the modern stipulation volition finally constitute migrate to bequest manner and scaly down seventy-five % to the keyline grid size ( 512 * 0.75 = 384px ) .
upload associate in nursing icon per the original specification will not be give up arsenic of whitethorn 2019. visualize more detail on timeline .
original picture assets volition embody automatically turn into bequest mode asset and be scaled down seventy-five % to new keyline grid .Instructions for API users
migration date be slightly different for API exploiter, merely achieve the lapp end leave of migrate all icon to either the newfangled stipulation oregon “ bequest mode ” aside june twenty-four, 2019.
Read more : C++ – Wikipedia
earlier june seventeen, 2019, developer mustiness use the play console to apply the newfangled stipulation to their icon. wholly predict to Edits.images : upload volition lend oneself whichever specification be configured in the play console table. there be no way to lend oneself the new specification via API. The
Edits.images: uploadcall whitethorn error if the previous specification be still use, and the error message for that specific icon will point you to this specification. subsequently enforce adenine new specification practice the play console, you buttocks rehear theEdits.images: uploadcall. You whitethorn necessitate to rehear the birdcall multiple clock time earlier information technology bequeath succeed .
begin along june seventeen, 2019, wholly API call toEdits.images: uploadwill mechanically lend oneself the newly specification to the icon. pursue june seventeen, 2019, you should merely upload picture that be compatible with the new stipulation .
Download design templates & resources
To beget start, download one of the supply asset template :
