iOSアプリアイコン生成ガイド

このドキュメントは、完成したアイコン画像から
iOSアプリ用の App Icon（Assets.xcassets）を生成する方法をまとめたものです。

前提

• すでに 1024×1024 の元画像があること
• 角丸・影・光沢は 画像側では付けない
• iOS（Xcode）向けに最適化された出力を得たい

推奨ツール（最優先）

App Icon Generator

🔗 https://appicon.co/

特徴

• 1024×1024画像を1枚アップロードするだけ
• iOS用の 全サイズを自動生成
• AppIcon.appiconset をそのままダウンロード可能
• Xcodeにそのまま配置できる

なぜおすすめか

• 余計な設定が不要
• iOS開発者向けに最適化されている
• 今回の「SF Symbols寄り・ミニマルアイコン」と非常に相性が良い

👉 まずはこれを使えば間違いない

デザイン調整もしたい場合

MakeAppIcon

🔗 https://makeappicon.com/

特徴

• 背景色の微調整が可能
• 角丸プレビューあり
• iOS / Android / macOS 対応

注意点

• Xcode用の AppIcon.appiconset は自動生成されない場合がある
• 最終的に手動整理が必要なケースあり

Xcode構成を厳密に合わせたい場合

iOS Icon Set Creator

🔗 https://iconsetcreator.com/

特徴

• Apple仕様に忠実なサイズ定義
• Assets.xcassets 前提の構成

実務向けおすすめ手順（Earphone Alarm）

1. 元画像を準備

• サイズ：1024 × 1024
• 余白：やや多め（小サイズで潰れないように）
• 角丸：❌ 付けない

2. App Icon Generator を使用

• https://appicon.co/ にアクセス
• 画像をアップロード
• iOS を選択
• ZIP をダウンロード

3. Xcode に配置

Assets.xcassets/
└─ AppIcon.appiconset

• 既存の AppIcon.appiconset を置き換えるだけでOK

4. Xcodeで確認

• Target → General
• App Icons & Launch Images
• 各サイズが正しく反映されているか確認

注意事項（Apple審査対策）

• ❌ 画像側で角丸を付けない
• ❌ グラデーション・影を入れすぎない
• ❌ テキスト（文字）を入れない
• ❌ 小サイズで潰れる細かいディテール