

Going back to Android Asset Studio, we can choose the path of the foreground layer to be the icon we've just downloaded. We select just the layer that contains the sun and the cloud, make it exportable and download it as a PNG. Looking at a design for our weather app icon, we have the sun peeking out from behind a cloud in a blue sky. We can use this Android Asset Studio to create our own launcher icon by setting the foreground and background layers.

There are a couple of different icon types we can choose from here, but the one we're interested in is the Launcher Icons. Let's right click on the res directory and choose New and Image Asset. In order to replace these with our own custom app icon, we can use a tool that's built into Android Studio. Inside it, you'll find a bunch of ic_launcher files, which are used as the app icon. When we open our project in Android Studio and explore the file structure, we will find a res or resources directory. We can see that it currently doesn't have an app icon, or rather, it's still using the default Android app icon you would get when you create a new React Native project using the React Native CLI. Kadi Kraman: Here is a weather app that shows the current weather in London.
