How to Change App Icon in Flutter | Step-by-Step Guide | change app icon in flutter | Nerdbash

hi guys welcome back to a brand new video in today's video I will show you how you can change your flutter app icon from the default flutter logo into a custom icon that you want so as you can see over here I have my flutter app installed over here on my device and you can see it is showing the default flutter logo okay so now in order to change this into a custom logo of your choice first of all come to come to your flutters project folder then in that folder create an assets folder and inside that paste your image of your app icon okay so as you can see over here I have created an assets folder inside that I have created an images folder and inside that I have paste my icon.png file this is going to be my app icon for this project now come to the up.day website and search for this package flutter launcher icon 0.13.1 the version May differ if you are watching this video in future now scroll down a bit and you'll be able to see set up the config file okay now from here from the flutter icons this name till image path copy these instructions then come to your pop stick.yaml file and under Dev dependencies paste the instructions that you have just copied now here you might have to make a small change in the image path my path was sets images and inside that I had an image file named icon.png now I have added edited the path to where my image is now after that I will Ctrl s to save and it will start the pub.get after that is done you'll be able to see an message of exit code 0 which tells that everything was fine and our package is properly loaded now come to the terminal and go to the pub.dev website and here you can see under the run the package you will get two instructions copy these two instructions come to the terminal and just paste these two instructions and hit enter to run them now after some time you will be able to see this message which says that your app icon was successfully changed now let me show it to you whether it was changed or not for that I will again run the app on debug mode for that I'll have to press F5 okay so it's done and now if I show it to you you will be able to see that my app icon has been changed from the default flutter logo to the app icon that I wanted so that's how you can change your default flutter Apple app icon to a custom one that you want so I hope the video was pretty easy for you to understand if you haven't you can re-watch the video or you can comment down your queries I'll be more than happy to help you and until next time goodbye and see you in the next video

Channel: Nerdbash

Views: 20,084

Keywords: Nerdbash, how to change app icon in flutter, flutter app icon change, change app icon in flutter, how to add app icons in flutter, how to change app icon flutter, flutter launcher icon, flutter app icon, flutter change app icon, flutter app icon change ios, flutter app icons, flutter, app icon flutter, flutter app icon generator, changing app icon flutter, how to set app icon in flutter, app icon in flutter, how to change flutter app icon, flutter change app icon and app name

Id: C9yTHKbwKOI

Length: 2min 42sec (162 seconds)

Published: Sun Aug 27 2023