副業でアプリをリリースする週末、コードはできているのにストア申請でつまずく — その典型原因がアイコンとブランドアセット不足です。App Store / Google Play / LP / Product Hunt はそれぞれ異なるサイズと形式のロゴ画像を要求してきます。
この記事では、副業エンジニアがアプリを App Store 申請するまでに必要なロゴ・アイコン 5 種を、サイズ・用途・作成のコツと一緒に整理します。SVG ロゴが 1 つあれば、5 種すべて 1 時間以内に書き出せます。
申請までに必要な 5 種のアセット
| アセット | サイズ / 形式 | 提出先 |
|---|---|---|
| App アイコン 1024×1024 | PNG / 不透明 / 角丸なし（iOS が自動でかける） | App Store Connect / Google Play Console |
| Web ロゴ（SVG） | SVG / 横長 + 縦長の 2 種 | LP（STUDIO / Framer / 自作） |
| OG 画像 1200×630 | PNG / アイコン + アプリ名 + 1 行コピー | X / Facebook / Slack シェア時 |
| Favicon 32×32 / 180×180 | PNG / シンボルのみ | LP / ダッシュボード |
| Product Hunt サムネ 240×240 | PNG / アイコン中央 | Product Hunt 出品ページ |
制作フローの全体像
各アセットの作成のコツ
App アイコン 1024×1024
仕様: PNG / 不透明 / 角丸なし（iOS が自動でかける）
提出先: App Store Connect / Google Play Console
テキストは入れない方が映える。シンボル + 単色背景が定番
Web ロゴ（SVG）
仕様: SVG / 横長 + 縦長の 2 種
提出先: LP（STUDIO / Framer / 自作）
アイコンと別物でなくてよい。LP では「アイコン + テキスト」の組み合わせで使う
OG 画像 1200×630
仕様: PNG / アイコン + アプリ名 + 1 行コピー
提出先: X / Facebook / Slack シェア時
Canva か Figma で 10 分。テキストはアプリ名を大きく + キャッチを小さく
Favicon 32×32 / 180×180
仕様: PNG / シンボルのみ
提出先: LP / ダッシュボード
アプリアイコンをそのまま縮小すると潰れる。Favicon 専用に簡略版を 1 つ作る
Product Hunt サムネ 240×240
仕様: PNG / アイコン中央
提出先: Product Hunt 出品ページ
アプリアイコンの正方形版でほぼ流用可。背景色は LP と揃える
個人開発アプリで映えるロゴ例
個人開発のアプリアイコンは、テキストよりシンボル単独が伸びる傾向があります。シンプルな幾何学 + 単色背景で、ホーム画面に並んだときに目立つ作りが定番です。IT 業向けロゴガイドと創業期ロゴガイドも参照してください。
AXIS
Cubelab
Orbital
Prisma
審査リジェクトを避けるアイコンルール
App Store 審査でアイコンが原因のリジェクトを受ける典型パターンは 3 つ。(1) 透過 PNG を送ってしまう（1024 は不透明が必須）、(2) Apple / iOS / iPhone といった商標を入れる（ガイドライン違反）、(3) 解像度が低くて潰れている。SVG から書き出した 1024 PNG なら 3 つとも自動で回避できます。
まとめ
副業エンジニアが App Store 申請までに揃えるべきは、アイコン・Web ロゴ・OG 画像・Favicon・Product Hunt サムネの 5 種。SVG ロゴを 1 つ確定すれば、全てそこから書き出せます。土曜の朝にロゴを決め、夕方には申請用アセットが全部揃う — これが理想の週末スケジュールです。