SparkIconAISparkIconAI
🚀 最新の GPT Image 2.5 モデルを導入!
✨ SparkIconAI 3.0 登場:無限キャンバスでアイコンを自由に生成・進化
🚀 最新の GPT Image 2.5 モデルを導入!

モバイルアプリのアイコン:1つのマークで、あらゆるホーム画面へ

インストールされたアプリはすべて同じ場所に行き着きます。世界最大級ブランドのアイコンと肩を並べる、ホーム画面上の48 pxの四角い領域です。モバイルアプリのアイコンは、一目でその場所を勝ち取り、さらにiOSのマスク、Androidのランチャー、2つのストア掲載画像を生き延びなければなりません。主題・スタイル・配色を1文で記述して、両ストアが素材を切り出す元になる1024 pxのマスターを生成しましょう。

インスピレーションギャラリー

テキストから生成されたモバイルアプリアイコン

ジェネレーターで完成したマーク集。フラットなユーティリティアイコンからクレー風・ピクセル風のゲームアイコンまで、すべて1行のブリーフから生成され、制作者自身がストア用に切り出したものです。

AI-generated metallic icon
AI-generated 3d icon
AI-generated minimalist icon
AI-generated glassy icon
AI-generated clay icon
AI-generated line icon
AI-generated hand drawn icon
AI-generated metallic icon
AI-generated 3d icon
AI-generated glassy icon
AI-generated minimalist icon
AI-generated glassy icon
AI-generated line icon
AI-generated 3d icon
AI-generated minimalist icon
AI-generated clay icon
AI-generated metallic icon
AI-generated hand drawn icon
AI-generated glassy icon
AI-generated line icon
AI-generated 3d icon
AI-generated glassy icon
AI-generated metallic icon
AI-generated 3d icon
AI-generated neon icon
AI-generated line icon
AI-generated clay icon
AI-generated minimalist icon
AI-generated glassy icon
AI-generated metallic icon
AI-generated hand drawn icon
AI-generated 3d icon
AI-generated minimalist icon
AI-generated metallic icon
AI-generated glassy icon
AI-generated clay icon
AI-generated metallic icon
AI-generated 3d icon
AI-generated line icon
AI-generated glassy icon
AI-generated minimalist icon
AI-generated 3d icon
AI-generated neon icon
AI-generated line icon
AI-generated metallic icon
AI-generated clay icon
AI-generated glassy icon
AI-generated 3d icon
AI-generated metallic icon
AI-generated minimalist icon
はじめに

モバイルアプリのアイコンは何と呼ばれる?

命名は誰もが初めは混乱します。Appleのドキュメントではアプリアイコンと呼ばれ、Androidではホーム画面に置かれたものをランチャーアイコン、端末がマスクして形を整える2層フォーマットをアダプティブアイコンと呼びます。ストア掲載情報ではリスティングアイコン/ストアアイコンと呼ばれ、これは端末側とは別のアップロードです。実際には、正方形のマスターを1枚デザインすれば、App Storeはそこから各サイズを導出し、Google Playは独自の512 pxバージョンを求め、ランチャーは受け取ったものを円や角丸の正方形にクロップします。クロップを前提にマークをデザインし、中央に配置して端を空けておけば、1枚の図形がプラットフォームごとのあらゆる名称に対応します。

  • 1枚のマスターで全表面対応

    1024 pxの正方形マスターから、App Storeの単一サイズアップロード、Google Playの512 pxリスティング素材、それ以外の小さい端末サイズすべてに供給できるため、両ストアでブランドが一致します。

  • 四角形ではなくマスクを意識してデザイン

    iOSは独自の角丸を適用し、Androidランチャーは2層のアイコンを円や角丸の正方形にマスクします。余白を十分に持った中央の主題はそのすべてで生き残り、四隅に張り付いたアートは生き残れません。

  • 親指サイズで審査される

    ユーザーは、ストアのスクリーンショットを見るずっと前の段階で、数十個の隣人に混ざって約48 pxのアイコンに出会います。ここでの候補はすべて、コミットする前にちょうどそのサイズでプレビューできます。

モバイルアプリアイコンのマスターと、iOSの角丸からAndroidの円までのマスク後の形状を並べた図。ホーム画面のモック上で48、32、16 pxのサイズ確認つき
良いアイコンの条件

良いモバイルアプリアイコンの条件

強いモバイルアプリアイコンと弱いものを分けるのは4つのチェックで、ストアのリジェクトは最後の1つに集中します。リリース前にすべての候補をこれらで確認しましょう。

1つの主題、1つのシルエット

一目で認識できる単一のオブジェクト:ハートビートライン、硬貨の山、フライパン。48 pxの中に3つの機能を詰め込んだアイコンはノイズにしか見えず、ノイズはタップされません。

白地だけでなく壁紙に対するコントラスト

ホーム画面は写真やダークモードの上にあります。白いキャンバス上の中間グレーのマークは賑やかな壁紙の上では消えてしまいます。強い図地コントラストが、アイコンをどんな場所でも見つけやすく保ちます。

文字なし、細部なし

48 pxより小さいテキストは滲みとなり、極細の線は低密度画面で溶けて消えます。シルエットで語り、ワードマークはストア掲載情報に取っておきましょう。

フルの正方形、角の事前描画なし

Appleは角丸やアルファ透明が焼き込まれたアイコンをリジェクトし、Google Playも事前に角丸処理されたアートをリジェクトします。四隅まで塗りつぶした正方形のアートを納品し、マスクは各表面に任せましょう。

隣と区別できること

ストアで自分のカテゴリを検索し、1ページ目を見てください。候補が上位3つの親類に見えるなら、必要なのは別の色ではなく、シルエットの別バリエーションです。

16 pxで読めること

設定画面や通知リストではアイコンはさらに小さくなります。ジェネレーターの48、32、16 pxプレビューは、大きいときにしか機能しないマークを見つけ出します。

使い方

3ステップでモバイルアプリアイコンを作る方法

1行のブリーフから、両プラットフォームでストア対応のモバイルアプリアイコンまで。

  1. 1

    主題・スタイル・配色を1文で記述する

    例:「モバイルフィットネスアプリのアイコン、角丸の四角形にハートビートライン、クリーム地にコーラル、フラット、48 pxで判読可能、文字なし」。この3点を指定して文字を禁止する文は、通常最初のラウンドで使える候補に届きます。

  2. 2

    生成、派生、48 pxで判定

    候補は1024x1024で届きます。有望なものを配色やスタイルのバリエーションへ派生させ、小サイズプレビューを開いて確認しましょう。ホーム画面こそがアイコンの生死を分ける場所です。

  3. 3

    マスターから両ストア用を書き出す

    勝者を1024 pxの正方形マスターとして保持し、App Store用の不透明PNGとGoogle Play用の512 pxバージョンを書き出し、同じマークをアダプティブレイヤーに再利用して、どの端末でもブランドが一致するようにします。

比較

モバイルアプリアイコンを入手する3つの方法

検索結果には既製パック、リサイズツール、ジェネレーターが並びます。それぞれが仕事の別々の半分を解決し、ほとんどのアプリチームは最終的に両方を1か所で必要とします。

既製アイコンパックアイコンリサイズツールAIアイコンジェネレーター
何から始めるか他の誰かがデザインした固定配色のストックアイコン既に持っている画像(出所は問わない)あなたのブリーフ:主題・スタイル・配色を1文で
誰のものでもなく、自分のアプリらしく見えるかいいえ:同じファイルが他のアプリにもライセンスされ、カテゴリ内の類似が頻発します元の画像が最初からアプリに合っている場合のみはい:毎回、あなたのコンセプトから描かれた新しい図形です
ストア対応の出力パックの内容次第。通常は固定サイズのPNGとSVG1回のアップロードからiOSとAndroidの全サイズ。ただし新しいアートはなし1024 pxマスターとストア向け書き出し、事前の小サイズ確認つき
ストアルールへの準拠未チェック:パックにはアルファチャネルや事前描画の角が含まれることがあります対応済み:各プラットフォームのサイズ一覧に従って書き出し対応済み:設計段階から、角の焼き込みのない不透明な正方形マスター
フィードバック後の手直し別のストックアイコンを選んでやり直し同じソースを再実行。弱点もそのまま付いてきます同じコンセプトを数分で新しい配色やスタイルへ派生
費用の特徴サブスクリプションまたはパック単位無料から数ドル程度のバッチ単位生成ごとのクレジット制。開始用無料クレジットつき

2026年時点のこのクエリで上位表示されるツールカテゴリに基づく、モバイルアプリアイコン入手ルートの比較です。

効果的なモバイルアプリアイコン用プロンプト

1つをコピーして主題を自分のものに差し替えるだけです。ストア対応のアイコンに届くプロンプトは3点を指定します。主題、背景色つきのスタイル、判読性ターゲットであり、文字を明示的に禁止します。

ユーティリティアプリ

モバイル家計簿アプリのアイコン、上昇する硬貨を1つ添えた硬貨の山、深いインディゴの地、フラット、力強いシルエット、48 pxで判読可能、文字なし

コンテンツ・SNSアプリ

モバイルポッドキャストアプリのアイコン、マイクと再生三角形、クリーム地にウォームレッド、丸みのある形状、中央の主題、文字なし

ゲームアプリ

モバイルパズルゲームのアイコン、金貨を載せた光沢のある宝箱、16ビット風の彩度の高いパレット、クレイシェーディング、文字なし

キャンバス上で

ひとつのブリーフで、アプリのあらゆる表面へ

勝ち残ったマークはマスターで終わりではありません。同じマークはホーム画面サイズで評価され、App StoreとGoogle Play向けに切り出され、v1.1アップデートに備えてキャンバスに残ります。すべての表面がひとつのブランドを映します。

  • ホーム画面が最初

    48 pxのプレビューで決めます。ユーザーが毎日アイコンと出会うのはそこだからです。

  • ストア切り出しはマスターから

    App Store用の1024 pxアップロードもPlay用の512 px素材も、同じファイルから生まれます。

  • 次のリリースのために保管

    キャンバスはマークをプロンプトごと保管するので、次のバージョンはゼロではなく履歴から始まります。

ハートビートのアプリアイコンマスターが各表面に表示される様子。ホーム画面のグリッドからストア掲載、設定画面のサイズまで
機能

ジェネレーターが代行すること

1行のブリーフから、両ストアが受け入れる素材までのすべてを処理します。

指定配色のマスター

プロンプトで色を指定すれば(普通の言葉でもHEX値でも)、候補はその色で届きます。ホーム画面が求める強い図地コントラストつきです。

1コンセプトからの派生

同じ主題を配色・太さ・スタイルのバリエーションで展開し、横並びで比較して、敗者を失うことなく勝者を残せます。

小サイズプレビュー

すべての候補を48、32、16 pxで確認できます。ホーム画面、設定、通知で最終的に描画されるサイズです。

ストア対応の書き出し

1枚の1024 pxマスターからPNG、ICO、WEBPを書き出せます。App Store用の不透明1024やGoogle Play用の512 pxバージョンも含みます。

参照画像への追従

承認済みのマークやスタイル見本を添付すると、新しい生成はその見た目に従います。アイコンが既存ブランドに合わせなければならない場合に便利です。

セッションを保持するキャンバス

すべての生成はプロンプトとともにキャンバスに残るため、v1.1が新しいアクセントカラーでリリースされるときにもアイコンを再訪できます。

よくある質問

モバイルアプリアイコンFAQ

アイコンの呼び名、入手方法、そしてリリース可否を左右するプラットフォームルール。

1

モバイルアプリのアイコンは何と呼ばれる?

プラットフォームによって異なります。Appleはアプリアイコンと呼び、Androidはホーム画面に置かれたものをランチャーアイコン、2層フォーマットのものをアダプティブアイコンと呼びます。ストアはさらにリスティングアイコンを求め、これは端末側とは別のアップロードです。1枚の正方形マスターがすべてに対応します。App Storeは1024 pxアップロードから各サイズを導出し、Google Playは512 pxバージョンを受け取り、ランチャーが残りをマスクします。

2

モバイルアプリのアイコンを入手する方法は?

3つのルートがあります。パックライブラリから既製アイコンのライセンスを取得する、既に持っている画像をリサイズする、ブリーフから生成するです。他のアプリが持っていないマークを得られるのは3番目だけです。主題・スタイル・配色を指定する1文を書き、1024 pxで候補を生成し、48 pxで判定し、勝者からストア用を書き出しましょう。上のジェネレーターは無料クレジットで始められます。

3

モバイルアプリのアイコンに必要なサイズは?

作業用マスターは1024x1024 pxです。App Storeはこの単一の不透明PNGを受け取り、Xcodeがそれより小さい全サイズを導出します。Google Playは1 MB未満の512x512 PNGを別途求め、Androidのアダプティブレイヤーは108x108 dpで、ロゴは内側の66 dpセーフゾーン内に収めます。完全な表はモバイルアプリケーションアイコンのサイズガイドにあります。

4

アプリアイコンの角は丸めるべき?

どちらのプラットフォームでも、答えはいいえです。iOSはすべての表面に独自のスーパーエリプスマスクを適用するため、ファイルに角丸を焼き込むとシステムが再度クロップし、アートが目に見えて縮みます。Google Playも同様に、事前に角丸処理されたアートをリジェクトし、掲載時は独自の角処理を適用します。四隅まで塗った正方形のアートを納品し、マスクは各表面に任せましょう。

5

モバイルアプリのアイコンを無料で作るには?

上のジェネレーターは無料クレジットで始められます。主題・スタイル・配色を1文で記述し、最初の候補を生成して、支払いの前に48 pxで確認しましょう。以降の生成にはクレジットを使い、すべてのプランに全スタイルと全書き出しフォーマットが含まれます。既にあるアイコンのリサイズだけが必要なら、無料のアプリアイコンリサイザーがブラウザ内だけで完結します。

6

良いモバイルアプリアイコンの条件は?

一目で認識できるシルエットを持つ1つの主題、賑やかな壁紙やダークモードで生き残れる強いコントラスト、文字や極細ディテールの排除、円形クロップを生き残る中央寄せの構図です。その上で、ほとんどのチームが飛ばす確認を:ストアで自分のカテゴリを検索し、上位結果の親類に見えないことを確かめましょう。

7

アプリにアイコンパックを使える?

パックのライセンス範囲内なら使えます。ただし、それで得られるものを知っておく価値はあります。他のアプリもライセンスできるファイルであり、あなたの製品のためにブリーフされたことのない配色で描かれています。ほぼ同一のストックアイコンで埋まったカテゴリページこそ、そのルートが規模拡大時に生み出す結果です。生成されたマークは同程度のコストで、あなたのアプリだけのものになります。

8

アプリアイコンがストアにリジェクトされた理由は?

よくある理由は次のとおりです。App Storeアップロードへのアルファチャネルや透明部分、焼き込まれた角丸や余分なパディング、1 MB超あるいは32ビットsRGBでないGoogle PlayのPNG、小サイズで文字に見えるアート。マスターを不透明なフルの正方形で生成し、そこから各ストア用を書き出せば、これらのリジェクトの大部分は起きません。

9

iOSとAndroidで別のアイコンが必要?

アートは同一で構いませんが、必要なファイルは異なります。Appleはアルファチャネルのない不透明な1024x1024 PNGを1枚、Google Playは512x512 PNGを求め、Android端末は前景と背景から2層のアダプティブフォーマットを描画します。1枚の1024 pxマスターからすべてを育てれば、どのホーム画面でもブランドが一致します。

10

AI生成アイコンを商用アプリで使える?

はい。生成したすべてのアイコンについて、利用規約に従い完全な商用権利を保持します。App StoreやGoogle Play製品としてリリースされ、有料キャンペーンで使用されるアイコンも含まれます。

あなたのモバイルアプリのアイコンを作ろう

1文を入力するだけで、両プラットフォームが求める小サイズ確認つきの、ストア対応モバイルアプリアイコンが出力されます。