Images in Flutter App that need to be updated to customize Icons for all Platforms

You need to change the Images in Flutter App that need to be updated to customize Icons for all Platforms, if you don’t want to have the default Flutter Icon – showing on production. Here’s where you can find the images for each platform.

iOS (Apple)

“./ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024×1024@1x.png”,
“./ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20×20@1x.png”,
“./ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20×20@2x.png”,
“./ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20×20@3x.png”,
“./ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29×29@1x.png”,
“./ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29×29@2x.png”,
“./ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29×29@3x.png”,
“./ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40×40@1x.png”,
“./ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40×40@2x.png”,
“./ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40×40@3x.png”,
“./ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60×60@2x.png”,
“./ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60×60@3x.png”,
“./ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76×76@1x.png”,
“./ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76×76@2x.png”,
“./ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5×83.5@2x.png”,
“./ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png”,
“./ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png”,
“./ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png”,

This is where you’ll store images that will be used on an iPhone or iPad. You could use xcode to update them in your ios project by dragging and dropping them into the `Runner` target.

Android

“./android/app/src/main/res/mipmap-hdpi/ic_launcher.png”,

“./android/app/src/main/res/mipmap-mdpi/ic_launcher.png”,

“./android/app/src/main/res/mipmap-xhdpi/ic_launcher.png”,

“./android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png”,

“./android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png”,

This is where you’ll store images that will be used on an Android device with different screen sizes. Make sure it is linked in the definitions in your AndroidManifest.xml

Windows

“windows/runner/resources/app_icon.ico”. The pointer to this image is located in the file: windows\runner\Runner.rc.

This is the image the will be placed on the top left corner of your window and on the task bar.

Linux

Under linux you need to update the linux/my_application.cc.

GdkPixbuf* icon = gdk_pixbuf_new_from_file(“linux/assets/images/flutter_logo.png”, NULL);

if (icon != NULL) {

gtk_window_set_icon(GTK_WINDOW(window), icon);

g_object_unref(icon);

}

gboolean use_header_bar = TRUE;

More about you could find here: https://stackoverflow.com/questions/76345434/how-do-i-set-icon-to-flutter-desktop-linux-app

macOS

“./macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_1024.png”,
“./macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_128.png”,
“./macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_16.png”,
“./macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_256.png”,
“./macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_32.png”,
“./macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_512.png”,
“./macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_64.png”,

This is where you’ll store images that will be used on a macOS device.

Web

“./web/icons/Icon-192.png”,
“./web/icons/Icon-512.png”,
“./web/icons/Icon-maskable-192.png”,
“./web/icons/Icon-maskable-512.png”,

These are images you need to update to get Progressive Web App – with proper logo.

To customize icons for all platforms, you can create separate folders within each platform’s `assets` folder:
* `icons`
+ `ios`: Store iOS-specific icon images (e.g., `.png`, `.ico`) in this folder.
+ `android`: Store Android-specific icon images (e.g., `.9.png`, `.xml`) in this folder.
+ `windows`: Store Windows-specific icon images (e.g., `.ico`, `.png`) in this folder.
+ `linux`: Store Linux-specific icon images (e.g., `.png`, `.svg`) in this folder.
+ `macos`: Store macOS-specific icon images (e.g., `.icns`, `.png`) in this folder.

There are plugins that handle all these icons like:

https://pub.dev/packages/flutter_launcher_icons
Check out the Flutter Gems https://fluttergems.dev/icons/

Or you could check out my Application: https://programtom.com/dev/product/app-images-flutter-app/