Flutter App Icon Maker

2022-02-25T21:29:46.000Z

Putting a Flutter Application in the Play Store and App Store requires 14 different icon files. There are some web sites that will do it, but it still takes a while to upload & download and put all the file where you need them.

There is a quicker way and it’ s a package called flutter_launcher_icons. To use it just create a png file. I make mine 512x512 and put it in the assets folder as icon.png. Then add the package your pub pubspec.yaml file as follows

dev_dependencies:
  flutter_test:
    sdk: flutter

  flutter_launcher_icons: ^0.9.3
  flutter_lints: ^2.0.0

Then configure it as such to get all the needed icons.

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

Now you can use the following command line

flutter pub run flutter_launcher_icons:main

To generate all the different icons you need.

/android/app/src/main/res/mipmap-hdpi/launcher_icon.png
/android/app/src/main/res/mipmap-mdpi/launcher_icon.png
/android/app/src/main/res/mipmap-xhdpi/launcher_icon.png
/android/app/src/main/res/mipmap-xxhdpi/launcher_icon.png
/android/app/src/main/res/mipmap-xxxhdpi/launcher_icon.png
/assets/icon.png
/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png
/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png
/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png
/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png
/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png
/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png
/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png
/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png
/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png
/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png
/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png
/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png
/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png
/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png
/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png

Your apps icon can really make a difference, being able to change it quickly gives you the option to test multiple ideas and see how they look in different resolutions and in different situations quickly.