In the final step, you may check the icon in the running app.First of all, please use this too(search Android Asset Studio Launcher icon generator) to upload your icon(need high quality), setting some details about your needs, then download the icon (click the top-right blue background arrow), you can get a zip, open the zip, you can find several folders. We opened the android folder of our project in android studio, and finally configured the image asset for the icon where we are able to see icons in different shapes. The aforementioned methods can be used effectively to add an icon to the app using android studio. Run your Project and you will be able to see the newly added icon on the screen. Your_project -> android -> app -> src -> main -> res Now open scr folder of your react-native project.Copy all mipmap folder from the extracted zip file.You can customize your icon from left toolbar. Download the zip folder and extract it.

Method 2 : (Without Android Studio) Step 1 :-įor this blog, we are choosing the icon shown in the screenshot below. (a) Open project in VS code (or in any editor)

Click finish ( It will generate a drawable folder in src.

Choose your icon image path and click next (After path selection, you can see your icon preview in different shapes).

There are multiple options to configure image asset but we are going with the default configuration. (b) Open android folder of newly created project in android studio

Change the directory/folder where you want to create your project.Īfter installation, the new React Native project will look like the image shown below.

Here is your step by step guide to add icon to react native app: - Method 1 : (Using Android Studio) Step 1 :- (You can skip this step if you are working on an existing project)Ĭreate new React Native Project by following the below steps. In this blog we will focus on the method that uses android studio. There are multiple ways to do it like using android studio or manually adding the images in the src folder.

This icon will appear in your phone’s home screen app list. Launcher icon or app icon is used to represent apps. In this blog, we are going to learn how to add a launcher icon to react native apps.

How to add app icon android studio