Step 2 - Create the app icon
To create the app icon open Android Studio. Here expand the android folder inside of the Project tab, what you can find at the left side of the window.
This below window will pop up for you.
First of all, change the name
The rest in the header can stay on the default value.
The Layer Name was auto generated when we have changed the name of the icon, and it is totally fine for us.
In the Source Asset section the Asset Type can stay on Image.
After that we can provide the image by browsing it in the line of the Path. So, click on the folder icon at the end of the line and browse out the downloaded SVG file.
As you can see, the icon doesn’t look good, but luckily we can resize the image. For this, use the slider in the row of Resize and try to size the icon to have the whole icon inside of the safe zone (grey circle).
For me the final value percentage is 46%.
Now, go to the background of the window.
First, we can specify its name, but again, the default generated name is fine for us.
Next, in the Source Asset section, you can select whether you would like to use a color or an image as a background layer.
We gonna select the Color option and choose the white color (#FFFFFF).
After thet this window looks like below.
If you are done, then click on the Next button. Here you will see what kind of images and files going to be genereated by Android Studio.
Finally, click on the Finish button also.
Step 3 – Modify the AndroidManifest.xml
Inside the <application> tag there is the line:
… change it to
Then, change the rounded icon as well from
The finish project for this lecture is available on GitHub. Just download it using the below link.
After the download, extract the app from the .ZIP file and import it in Android Studio (File -> New -> Import Project…)
I hope the description was understandable and clear. But, if you have still questions, then leave me comments below! 😉
Have a nice a day! 🙂
[Total: 0 Average: 0]