Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What is the navigation drawer icons size?

I need to know the correct size (artboard and content) for Navigation Drawer icons.

It doesn't say anything on the Navigation Drawer specs: http://www.google.com.br/design/spec/patterns/navigation-drawer.html#navigation-drawer-specs

Thanks!

like image 853
thiagolr Avatar asked Jun 16 '15 17:06

thiagolr


People also ask

What is the size of navigation icons?

The correct answer is that all small icons should be 24 x 24 dp.

How do I change the icon size on my navigation drawer?

You can change the size of Navigation Drawer icons by overriding design_navigation_icon_size attribute in dimens. xml.

What is Android drawer layout?

DrawerLayout acts as a top-level container for window content that allows for interactive "drawer" views to be pulled out from one or both vertical edges of the window.


2 Answers

I would vote up Balar's answer, but it is off by one small detail. The correct answer is that all small icons should be 24 x 24 dp.

Reference: https://material.io/guidelines/layout/metrics-keylines.html#metrics-keylines-touch-target-size

like image 69
MusicMaster Avatar answered Oct 07 '22 00:10

MusicMaster


For:

mdpi : 24 x 24 px
hdpi : 36 x 36 px
xhdpi : 48 x 48 px
xxhdpi : 72 x 72 px
xxxhdpi : 96 x 96 px

According to their ratios:

mdpi : hdpi : xhdpi : xxhdpi : xxxhdpi= 1 : 1.5 : 2 : 3 : 4

Update:

Now google published Material icon design with more details.icons may be scaled down to 20dp with a trim area of 2dp surrounding the icon.

enter image description here

To learn more visit the Material Design site.

like image 43
Sayem Avatar answered Oct 07 '22 01:10

Sayem