Android icon size and design

Examples and illustrations

Outer frame: Overall Size

↑

　 Border: Icon White size

↓

Icon: The size of the outside icon

↑

　 Shadow: Shadow Effect size

↓

Graphics: size of inside icons

↑

　 Optional view weights: Use two types of graphic dimensions to achieve uniform visual weights (optional),

Generally for the case of an icon with a bulge, there will be a smaller size inside the

↓

Optional graphics: Second graphic size (optional)

Note: When drawing a sample icon, is found on the network, if there is a violation of your rights, please contact me to delete.

Outer frame size

Latest Size: (according to the resolution, Google has updated the size information as follows)

mdpi:48x48 px

hdpi:72x72 px

xhdpi:96x96 px

xxhdpi:144x144 px

xxxhdpi:192x192 px

At present, the highest DPI device can be up to 534,538, so this size should now be considered properly,

In general, the first 4 kinds of size can be, the current new project, the default is the first 4 sizes

Popular Science Historical size: (early in the day, because the resolution is not so high, the size is as follows) mdpi:36x36 px hdpi:48x48 px xhdpi:72x72 px xxhdpi:96x96 px xxxhdpi:144x144 px

Icon size

mdpi:40x40 px (4 px for each frame)

hdpi:60x60 px (6 px for each frame)

xhdpi:80x80 px (8 px for each frame)

xxhdpi:120x120 px (frame each px)

xxxhdpi:160x160 px (frame each px)

Graphic size

mdpi:38x38 px (2 px Shade)

hdpi:56x56 px (4 px Shade)

xhdpi:76x76 px (4 px Shade)

xxhdpi:112x112 px (4 px Shade)

xxxhdpi:152x152 px (4 px Shade)

Selectable graphic Dimensions

mdpi:36x36 px (Optional view weight 2 px)

hdpi:52x52 px (Optional view weight 4 px)

xhdpi:72x72 px (Optional view weight 4 px)

xxhdpi:108x108 px (Optional view weight 4 px)

xxxhdpi:148x148 px (Optional view weight 4 px)

ICON for Launcher:

Number	Size \ Name	Border Dimensions	Border left White	Icon size	Shaded area	Graphic size	Optional View weights	Optional icon size
1	mdpi	< Span style= "color: #000000; Background-color: #ffffff; " >48x48 px	4  px	40 x40 px	2 px	38 x38 px	2 px	36 x36 px
2	hdpi	72 x72 px	6 px	60 x60 px	4 px	56 x38 px	4 px	52 x52 px
3	xhdpi	96 x96 px	8 px	80 x80 px	4 px	76 x76 px	4 px	72 x72 px
4	xxhdpi	144 x144 px	12 px	120 x120 px	4 px	112 x112 px	4 px	108 x108 px
5	xxxhdpi	192x192 px	px	160x160 px	4 px	152x152 px	4 px	148x148 px

ICON for all:

Size \ Icon Type	Launcher (Start icon)	Menu (menu icon)	Status Bar (Status icon)	Tab (tab navigation icon)	Dialog (dialog box icon)	List View (List item icon)
MDPI	48x48 px	48x48 px	32x32 px	32x32 px	32x32 px	32x32 px
HDPI	72x72 px	72x72 px	48x48 px	48x48 px	48x48 px	48x48 px
XHDPI	96x96 px	96x96 px	64x64 px	64x64 px	64x64 px	64x64 px
xxhdpi	144x144 px	144x144 px	96x96 px	96x96 px	96x96 px	96x96 px
xxxhdpi	192x192 px	192x192 px	128x128 px	128x128 px	128x128 px	128x128 px

This article refers to the latest official documents and the actual development of their own practice simple summary summarized, reproduced please indicate the source! Thank you for your cooperation!

If there is any improper, please correct me.

The top picture and form are summarized by me.

Android icon size and design