DEV Community

rrtutors
rrtutors

Posted on • Originally published at rrtutors.com

Change App Icon in Flutter

To change Flutter App Icon we have different ways.

When we create a flutter application from command line or any other IDE (Android studio/VsCode) flutter by default will add a Flutter logo as luncher icon.

We have a plugin flutter Launcher Icon which will automatically add our launcher icons.

We need to add this plugin in pubspec.yaml file

dev_dependencies:
  flutter_launcher_icons: "^0.9.2"

flutter_icons:
  android: "launcher_icon"
  ios: true
  image_path: "assets/icon/icon.png"
Enter fullscreen mode Exit fullscreen mode

After setting up the configuration, all that is left to do is run the package.

flutter pub get
flutter pub run flutter_launcher_icons:main
Enter fullscreen mode Exit fullscreen mode

We can also change the Launcher icon in Native by below ways

Android

Right click on the android folder in the project outline. Go to New > Image Asset. (Try right clicking the android/app folder if you don't see Image Asset as an option.) Now you can select an image to create your launcher icon from

It will create the launcher icon with all DPIs

Flutter launcher Icon

Ios

Prepare all respected icon set Now In your Flutter project go to ios/Runner/Assets.xcassets/AppIcon.appiconset

and update the icons and json file

Flutter Launcher Icon Ios

Now we are able to change the Flutter App icon for both iOS and Android

Discussion (0)