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!
The correct answer is that all small icons should be 24 x 24 dp.
You can change the size of Navigation Drawer icons by overriding design_navigation_icon_size attribute in dimens. xml.
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.
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
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.
To learn more visit the Material Design site.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With