How to change the size of menu item icon in NavigationView?

Question

I have the following menu item:

<item
   android:id="@+id/lock"
   android:checkable="true"
   android:title="@string/lock" >
   <menu>
       <item
          android:id="@+id/block_mess"
          android:checked="true"
          android:icon="@drawable/chantinnhan"
          android:title="@string/block_mess_string" />
        <item
            android:id="@+id/block_call"
            android:checked="false"
            android:icon="@drawable/chancuocgoi"
            android:title="@string/block_call_string" />
        <item
            android:id="@+id/lock_app"
            android:checked="false"
            android:icon="@drawable/khoaungdung"
            android:title="@string/lock_app_string" />
   </menu>
</item>

...there's still more but it's really long

but the icon is really small (even it has res 256x256). I'd like to make it bigger! Is this possible?

Here's the screenshot:

EDIT: OK, we both know that Google "lock" the icon size. But I want to know that can I "bypass" that lock and make something... customizable?

Do we have any example app which has bigger icons than this size? Even Gmail has the same sized icons. What i've heard and read is that the navigationView follows the material design guidelines so the icon sizes match that guideline. — Abdullah Shoaib, Oct 11 '15 at 17:45
I require big sized icons too but if we find one example app, maybe we can email the developer and get some knowledge. :) — Abdullah Shoaib, Oct 11 '15 at 17:46
@AbdullahShoaib actually you can make a custom drawer. Not really good, but it's customizable. — Chris Maverick, Oct 12 '15 at 01:31
Odds are, you can't. I don't know that for sure, but the NavigationView is a very specific design tool made by the Android dev team for a very specific use case, and likely not 100% customizable. — WoogieNoogie, Oct 12 '15 at 02:13
@ChrisMaverick Yes, It can be customized, but will have to do a lot of work to bring back all the callbacks and UI effects currently being managed by the NavigationView. — Abdullah Shoaib, Oct 12 '15 at 04:49
@ChrisMaverick If you've a sample sourcecode, please share. Or maybe some links. — Abdullah Shoaib, Oct 12 '15 at 04:50
@AbdullahShoaib hope this can help: http://www.tutecentral.com/android-custom-navigation-drawer/ — Chris Maverick, Oct 12 '15 at 04:57
@ChrisMaverick Have you found a solution yet? I know we can use custom views, but I just wanna know if there's an official way :D — Ralphilius, Nov 07 '15 at 04:39
@Ralphilius there is no official way. Google is pretty strict: http://ux.stackexchange.com/questions/85080/material-design-icon-size-in-navigation-drawer — Chris Maverick, Nov 07 '15 at 05:56
@ChrisMaverick Is it good to override private resource `design_navigation_icon_size` ? — Ralphilius, Nov 07 '15 at 08:19
@Ralphilius can you really do that ? I'm not sure how it works. All I know is design_navigation_icon_size is in OS's framework. And different OSs have different frameworks — Chris Maverick, Nov 07 '15 at 11:22
@ChrisMaverick Yes, you can do that. I have tested, but you should override other attributes too for better design. — Ralphilius, Nov 07 '15 at 11:37
@Ralphilius there is still zero answer. But now I think you should make it "count++", sir — Chris Maverick, Nov 07 '15 at 11:39
I think you should not put your icon in circle. And icon's size on mdpi should be 24x24 pixel (24dp). Otherwise, android resize them and your icons look bad. — Muzaffer, Nov 10 '15 at 09:58
@wisemann it's not about bad icons or not, it's about "can we make it bigger than 24dp programmatically ?". I actually don't really care if they look bad or not — Chris Maverick, Nov 10 '15 at 11:06

score 108 · Accepted Answer · answered Aug 16 '16 at 04:39

108

You can change the size of navigationView icon by overriding design_navigation_icon_size attribute. You can put it in dimens and because you're overriding a private attribute, you need to include tools:override="true"

<dimen name="design_navigation_icon_size" tools:override="true">40dp</dimen>

answered Aug 16 '16 at 04:39

Amad Yus

2,856
1
24
32

pretty old question. But it's still a correct answer. Accepted :D – Chris Maverick Aug 16 '16 at 06:38
Is override property setting to true is necessary? Because I think in java user defined properties are having highest value always. – Abhishek Aug 23 '16 at 04:56
Without override property settings to true, there will be no changes because android will negate the value. – Amad Yus Aug 23 '16 at 06:51
But I am not setting override to true also its works.I think because java has highest preference to local than global. – Abhishek Sep 02 '16 at 11:18
2

Is this answer still correct? I am trying this, but I have no success and it always shows the same size in the NavigationView component. – X-HuMan Nov 17 '17 at 17:36
1

I just tried it on my code, its still working. Are you using SupportLibrary? Try extends your class to AppCompatActivity. – Amad Yus Nov 20 '17 at 03:07
2

Why don't you mention that it needs to be in the dimens file! – Kishan Solanki Apr 16 '18 at 11:16
2

@KishanSolanki124 I did. Read again. – Amad Yus Apr 17 '18 at 10:14

score 24 · Answer 2 · answered Sep 13 '19 at 05:49

24

In your xml file the shortest way is there is a property in NavigationView Just add it .

app:itemIconSize="12dp"

answered Sep 13 '19 at 05:49

Jyotiprakash Das

377
2
5

1

Awesome! Coincident just answered 4 Hours ago. :D – OhhhThatVarun Sep 13 '19 at 10:18
1

I have no idea why only this solution works for me. I am using `com.google.android.material.navigation.NavigationView` – Frankey Sep 05 '21 at 13:40
1

Thanks. This is the best answer. – Oke Uwechue May 02 '22 at 21:02

score 23 · Answer 3 · answered Apr 06 '16 at 06:49

23

Got Solution

Make Below entry in dimens.

<dimen name="design_navigation_icon_size">48dp</dimen>

answered Apr 06 '16 at 06:49

Abhishek

3,348
3
15
34

score 10 · Answer 4 · edited Dec 04 '15 at 06:54

10

The main thing that decide the icon's size is the dimension:navigation_icon_size, have a look at the NavigationMenuItemView class:

 public NavigationMenuItemView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    this.mIconSize = context.getResources().getDimensionPixelSize(dimen.navigation_icon_size);
}

so, we can just overide the property in our dimens file.

For example:

<dimen name="navigation_icon_size">48dp</dimen>

add that code in the dimens file, and you can find it's size changed.

Before:

After:

edited Dec 04 '15 at 06:54

Paresh Mayani

127,700
71
241
295

answered Dec 04 '15 at 06:33

Zuo VJ

149
1
2

2

added, nothing happens ! – Chris Maverick Dec 04 '15 at 08:49
It's so werid...I will try to find another way to do that. – Zuo VJ Dec 04 '15 at 10:16
...it should work in fact,i test it on my phone and genymotion,both work.or mayby you have done somehing wrong about it? – Zuo VJ Dec 04 '15 at 10:35
I just add that "dimen" line in dimes.xml. And I'm using original Navigation Drawer of Android Studio – Chris Maverick Dec 04 '15 at 11:01
5

Use "design_navigation_icon_size" instead. google added design_ prefix with Support Library 23 – user3623735 Dec 10 '15 at 15:13
make entry for property name design_navigation_icon_size in dimens and add size in pt it works fine – Abhishek Apr 06 '16 at 06:55

score 8 · Answer 5 · answered Nov 27 '15 at 14:37

8

According to the the design document set by Google itself, icons should be set to 14sp. I suggest you abide by this recommendation, since this is a standard used throughout all apps. As you said, there are no apps which have large icons in the navigation drawer, as this is not the norm when developing a navigation drawer icon.

answered Nov 27 '15 at 14:37

Michele La Ferla

6,775
11
53
79

Can you please accept and upvote if this has helped you? Thanks very much :) – Michele La Ferla Dec 01 '15 at 09:08
1

we all know that Google "lock" the icon size. But what I want to ask is can I "bypass" that lock by doing something programmatically....But yeah, an upvote for you :D – Chris Maverick Dec 04 '15 at 03:33
you can try and play with the actual layout xml file for the navigation view, but then again I believe Google lock it to a specific size. So there would be no way to bypass that. – Michele La Ferla Dec 04 '15 at 07:46
1

wondering where in the linked article it's mentioned that icon size should be `14sp` – Alex Sorokoletov Jan 12 '18 at 21:06
Check the specs section – Michele La Ferla Jan 12 '18 at 21:39

How to change the size of menu item icon in NavigationView?

5 Answers5

Linked