Flutter Change App Launcher Icon & Name (Android and iOS)

Raviya Technical
Flutter Framework
Published in
1 min readJan 13, 2024

Changing the App Launcher Name

For Android

Inside, find <application>and change its android:label property with your desired app name.

Location:- Root/android/app/src/main/AndroidManifest.xml

<application
android:name="io.flutter.app.FlutterApplication"
android:label="your_app_name"
android:icon="@mipmap/ic_launcher">

For IOS (Apple)

Location:- Root/ios/Runner/Info.plist

<key>CFBundleName</key>
<string>your_app_name</string>

That’s it. By having these changes, we’ll get an updated application name in the launcher when our app gets installed on a device.

Change App Launcher Icon using manually

For Android

Go to android/app/src/main/res folder, where we will get to see some folders beginning with mipmap-* which represent different pixel densities. Replace launcher_icon.png files in each folder to use custom icons.

For IOS (Apple)

The icon config files are located inside ios/Runner/Assets.xcassets/AppIcon.appiconset. The Contents.json the file defines a list of icon images with different sizes and scales. The files are located in the same folder. Before updating our application icon to our desired one, It's recommended to follow the guideline for designing the iOS icon. This will simply remove some headaches of releasing our application.

For app icon generator

https://appicon.co

Change App Launcher Icon using Package

So take a high-resolution icon (possibly 1024x1024) of your application and generate a launcher icon using follow:

Android: https://romannurik.github.io/AndroidAssetStudio/

iOS: https://makeappicon.com/

Also, use Pub.dev (package)

flutter_launcher_icons

Location:- Root/pubspec.yaml

Copy Icon in the path of Location:- Root/assets/icon/icon.png

dev_dependencies: 
flutter_launcher_icons: "latest version"

flutter_icons:
android: true
ios: true
image_path: "assets/icon/icon.png"

And run Command (Cmd)

--

--