Change Navigation Menu Icon

In this article, we will look how we can change navigation menu icon in Android.

The Navigation icon(displayed as ☰) is actually a button in the action bar and is known as the hotdog or hamburger button.It is often placed on the top left or top right of a user interface and is so called for its resemblance to a hotdog or hamburger.

If your activity/fragment has no action bar and is using a toolbar, then changing it programmatically is very very easy and is just one line of code. You just need to add this line after you have set drawer toggle

mDrawerToggle = new ActionBarDrawerToggle(this.getActivity(), mBinding.drawerLayout, toolbar, R.string.drawer_open, R.string.drawer_close);
toolbar.setNavigationIcon(R.drawable.your_drawable_name);

1 2	mDrawerToggle = new ActionBarDrawerToggle(this.getActivity(), mBinding.drawerLayout, toolbar, R.string.drawer_open, R.string.drawer_close); toolbar.setNavigationIcon(R.drawable.your_drawable_name);

But if you are not using any toolbar and you wish to change this icon then you need to follow a procedure and you can easily successfully replace the navigation icon.

Let’s first look at how you can change the color of the default navigation icon. For this, all you need to do is add a custom style to your styles.xml file.

<style name="DrawerArrowStyle" parent="@style/Widget.AppCompat.DrawerArrowToggle">
    <item name="spinBars">true</item>
    <item name="color">@color/your_color_name</item>
</style>

<item name="color">@color/your_color_name</item>

</style>

And use this style in your app theme like this :

<item name="drawerArrowStyle">@style/DrawerArrowStyle</item>

1	<item name="drawerArrowStyle">@style/DrawerArrowStyle</item>

But if you wish to change the whole icon, then you need to add this line:

mDrawerToggle.setHomeAsUpIndicator(R.drawable.ic_your_drawer_icon); //set your own

1	mDrawerToggle.setHomeAsUpIndicator(R.drawable.ic_your_drawer_icon); //set your own

Hope this article helps you.

Keep coding, Keep sharing.

anchit 25 October 2021

. . .

5 comments

Albert Dec 29, 2018 at 11:18 pm

You have saved my day! but I have to create additional ActionBarDrawerToggle Class to make it works

Parth Agravat Apr 2, 2019 at 6:24 pm

how to change navigation icon color in android

anchit (Moderator) Apr 2, 2019 at 7:26 pm
Hi, you can achieve this using these lines of code.

@style/DrawerArrowStyle

as explained in the blog as well.

Reply

prakash panthi Jul 18, 2019 at 2:15 pm

what is mBinding ?

anchit (Moderator) Jul 22, 2019 at 10:18 am
mBinding is the Databinding object for the whole activity.

If you are getting an error due to this then you can simply replace the “mBinding.drawerLayout” with findViewByid function.

Hope this helps you.

Reply

Change Navigation Menu Icon

Leave a Comment Cancel Reply

5 comments

Message Sent!