Android icon Specification

Android icon Specification

1. launcher application icon:

1.1, Icon size (48 * 48dp ):

Considering the device density, it usually requires three sets of icons with a pixel ratio:

Drawable-hdpi (48*1.5) * (48*1.5) pixels(1.5 indicates the pixel density of the device)

Drawable-mdpi 48*48 pixels

Drawable-ldpi (48*0.75) * (48*0.75) pixels

In addition, Samsung note is drawable-xdpi (48*2) * (48*2) pixels.

If an application needs to be published to the googleplay market (and so on), a 512*512 pixel image is required.

(Usually the whole area is covered with no spacing left)

1.2, icon style:

It is approximately three-dimensional, slightly forward, and extremely transparent (it looks like it is placed in front of the background topic)

For example:

2. Status bar icon:

2.1, Icon size (32 * 32dp ):

Considering the device density, it usually requires three sets of icons with a pixel ratio:

Drawable-hdpi (32*1.5) * (32*1.5) pixels

Drawable-mdpi 32*32 pixels

Drawable-ldpi (32*0.75) * (32*0.75) pixels

In addition, Samsung note is drawable-xdpi (32*2) * (32*2) pixels.

Drawable-mdpi32 * 32 pixels as an example, the image elements (search images, Visual View area) for 24*24 pixels, there is an 8-pixel gap with the region (the density of other devices is 8 * pixel.

2.2, icon style:

Two-dimensional, simple, smooth, brush at least 2 DP

For the "clickable" and "unclickable" status colors and transparency, see:

For example, in a white background, when "clickable" or "unclickable", the icon color is #333333, and when "clickable", it is 60% non-transparent, when "not clickable" is set to 30% non-transparent.

3. Content icon:

3.1, Icon size (16 * 16dp ):

Considering the device density, it usually requires three sets of icons with a pixel ratio:

Drawable-hdpi (16*1.5) * (16*1.5) pixels

Drawable-mdpi 16*16 pixels

Drawable-ldpi (16*0.75) * (16*0.75) pixels

In addition, Samsung note is drawable-xdpi (16*2) * (16*2) pixels.

Drawable-mdpi16 * 16 pixels as an example, the image elements (Visual View area) is 12*12 pixels, there is a 4-pixel gap with the region (the density of other devices is 4 * pixel.

3.2, icon style:

Two-dimensional, simple, and smooth

The color should be different from the background color. For example, the Gmail label indicating mail importance is:

4. Notification bar icon:

4.1, Icon size (24 * 24dp ):

Considering the device density, it usually requires three sets of icons with a pixel ratio:

Drawable-hdpi (24*1.5) * (24*1.5) pixels

Drawable-mdpi 24*24 pixels

Drawable-ldpi (24*0.75) * (24*0.75) pixels

In addition, Samsung note is drawable-xdpi (24*2) * (24*2) pixels.

Drawable-mdpi24 * 24 pixels as an example, the image elements (Visual View area) is 22*22 pixels, there is a 2-pixel gap with the region (the density of other devices is 2 * pixel.

4.2, icon style:

Two-dimensional, simple, and smooth

The color should be white (# ffffff)

In fact, in some custom systems or themes, the overall background of the notification bar may be near White, which may cause the notification bar icon to be invisible, or the title of the User-Defined notification bar cannot be viewed clearly (when the color is white ). To solve this problem, you can set the background color of the notification bar view to black.