That’s how I create flutter launcher icon

Published on December 28, 2020

ランチャーアイコンを作ってくれる flutter_launcher_icons はとても便利です． Android の Adaptive Icon を SVG でやりたい場合は不十分です（雑に見てみた感じ png しか指定できないようでした）．

ということでこんな感じでやると良さそうというのをメモ．

flutter_launcher_icons

Adaptive Icon なので普通に ic_launcher_foreground.svg 的なものを用意します．用意したら AndroidStuio の Image Asset Studio を起動します．詳細は下記を．

Create app icons with Image Asset Studio | Android Developers

使用する svg の指定と Scaling あたりを指定したら脳死で Next を押して Finish します．これで Android 側はアイコンが良い感じに設定されます．

これで Android 側は OK ですが iOS 側が残っています． iOS 側は flutter_launcher_icons で設定します． Image Asset Studio ではアイコンのほかにも Play Store 用に大きいサイズの画像を吐き出してくれているので，それを有効活用します．

flutter_icons:
  android: false
  ios: true
  image_path: "android/app/src/main/ic_launcher-web.png"

あとは flutter_launcher_icons を実施します．

flutter pub get
flutter pub run flutter_launcher_icons:main

iOS 側の画像サイズの知見が全くないのであれですが，シミュレータで見た感じぼやけているような感じは無かったので大丈夫そう．