公開日: 2026/01/30
サイズ: 1024x1024px(正方形) 形式: PNG(背景透明可) ファイル名: app_icon.png(任意)
プロジェクトルートにassets/images/app_icon.pngとして配置してください。
pubspec.yamlの最後(flutter:セクションの後)に以下を追加:
flutter_launcher_icons:
android: true
ios: true
image_path: "assets/images/app_icon.png"
adaptive_icon_background: "#FFFFFF" # Android用の背景色(必要に応じて変更)
adaptive_icon_foreground: "assets/images/app_icon.png" # Android用の前景画像
以下のコマンドを実行:
flutter pub getflutter pub run flutter_launcher_icons
これで、Android/iOS用のアイコンが自動生成され、各プラットフォームの適切な場所に配置されます。
min_sdk_android: 21 - Android最小SDKバージョン remove_alpha_ios: true - iOSでアルファチャンネルを削除 web: true - Web用アイコンも生成 アイコン画像の準備ができたら、設定を追加してコマンドを実行してください。
flutter pub getflutter pub run flutter_launcher_icons
assets/images/app_icon.pngに配置する。
プロジェクトルートにassets/images/app_icon.pngとして配置しました。下記のオプションを追加して、アプリアイコンを生成して下さい。
min_sdk_android: 21 - Android最小SDKバージョン
remove_alpha_ios: true - iOSでアルファチャンネルを削除
web: true - Web用アイコンも生成
name: アプリアイコン設定追加 overview: pubspec.yamlにflutter_launcher_iconsの設定を追加し、アプリアイコンを生成する todos:
pubspec.yamlにflutter_launcher_iconsの設定を追加し、指定されたオプションを含めてアプリアイコンを生成します。
対象ファイル: pubspec.yaml
pubspec.yamlの最後(142行目の後)に以下の設定を追加します:
flutter_launcher_icons:
android: true
ios: true
web: true
image_path: "assets/images/app_icon.png"
min_sdk_android: 21
remove_alpha_ios: true
adaptive_icon_background: "#FFFFFF"
adaptive_icon_foreground: "assets/images/app_icon.png"
flutter_launcher_iconsセクションを追加android: true - Android用アイコンを生成ios: true - iOS用アイコンを生成web: true - Web用アイコンを生成image_path: "assets/images/app_icon.png" - ソース画像のパスmin_sdk_android: 21 - Android最小SDKバージョンremove_alpha_ios: true - iOSでアルファチャンネルを削除adaptive_icon_background: "#FFFFFF" - Android用の背景色(白)adaptive_icon_foreground: "assets/images/app_icon.png" - Android用の前景画像flutter pub getを実行して依存関係を更新flutter pub run flutter_launcher_iconsを実行してアイコンを生成adaptive_icon_backgroundは白(#FFFFFF)に設定していますが、必要に応じて変更可能です