Adding Icons On Mobile Application.

Published in

LearnFactory Nigeria

3 min readSep 25, 2020

https://unsplash.com/s/photos/smartphone

It is very important to have an icon attached to your App after you must have finished developing. Icons are unique and it gives a description of what your product stands for. It is important to note that icons make your app attractive. if you are the developer look for something good or better tell your UI/UX designer to get you a nice icon for your app.

I will be showing you step by step approach to adding an icon to your application, it’s very sample there’s nothing to worry about. So let’s get started.

Step One: Locate the root file of the project you are working on and open the folder named android.

Step Two: Open the folder named app.

Step Three: Open the folder named src.

Step Four: Open the folder named main.

Step Five: Open the file named res. At this point, we have about six folders namely.

mipmap-hdpi
mipmap-mdpi
mipmap-xhdpi
mipmap-xxhdpi
mipmap-xxxhdpi
values.

These six folders five contains the App icon on default, so all you need to do is change them one after the other.

Step Six: Inside each of these folders are files with the filenames:

ic_launcher.png
ic_launcher_round.png respectively.

You are to only copy the icon you want to use in your App and rename the icon to the default one you have in the folders. Note you only have to change the one with ic_launcher.png. Don’t touch the other icon with “ic_launcher_round.png”.

After changing the name, congrats your job is done, the next step to follow is to copy the icon you just changed and past it in the remaining four folders, which are:

mipmap-mdpi
mipmap-xhdpi
mipmap-xxhdpi
mipmap-xxxhdpi

Before we wrap up, ensure that your Android phone is connected to run your program. Also, ensure you have not touched the folder named “values”. Once you are done pasting the icon, close the folder and open your code editor (Visual Studio Code) and run the following.