SparkIconAISparkIconAI
🚀 最新の画像モデル GPT Image 2.5 を搭載!
✨ SparkIconAI 3.0 登場:無限キャンバスでアイコンを生成し、進化させよう
🚀 最新の画像モデル GPT Image 2.5 を搭載!

macOSアプリアイコンジェネレーター:一つのプロンプトでMacの全アイコンサイズを生成

Macアプリのアイコンは、一枚のアップロードではなくファイルのファミリーです。Xcodeのアセットカタログは1xと2xの16pxから1024pxまで全サイズを求め、macOSは角丸四角形をアートワーク自体の中に描くことを期待します。マークを一度描写するだけで、1024マスターを生成し、すぐ使えるAppIcon.appiconsetをワンパスでエクスポートできます。

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

Macアプリアイコンの例

Macのローンチ向けに生成されたアイコン:フラット、グラス、3Dスタイルの角丸マーク。1024pxマスターから、小さなFinder表示のためにシステムが保持する16pxエントリまで、読み取りやすさを保ちます。

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
はじめに

macOSアプリアイコンジェネレーターとは?

Macアイコンで上位表示されるツールの多くは、アートワークがすでに存在すると仮定します。AppleのIcon Composerは完成したデザインをレイヤーに重ね、Figmaテンプレートは別の場所で描いた四角形をリスケールします。macOSアプリアイコンジェネレーターの出発点は、その一つ前、一文です。マークを描写すると、ジェネレーターが1024x1024のマスターを描き、エクスポートの段階でカタログが必要とする完全なAppIcon.appiconsetを切り出します。16pxから1024pxまでの10個のPNGエントリと、それらを束ねるContents.jsonです。最初のレンダリングが最終版になることはまれなので、各アイコンは分岐できるノードとして無限キャンバス上に存在します。プロンプトを練り直し、Dockサイズのプレビューを並べて比較し、エクスポート前にすべてのイテレーションを起点につないだまま保存できます。

  • ビジュアル系譜ツリー

    一つのマークをウェイト・カラー・ライティングのバリエーションへ分岐させ、すべてのMacアイコンのイテレーションを、それを生み出したプロンプトまで遡って追跡できます。

  • 内蔵ポストプロセス

    ワンクリックで背景を切り抜き、単色で塗りつぶせるため、小さいサイズのエントリも他のエディターを開かずにきれいなシルエットを保てます。

  • シェイプ認識エクスポート

    macOSの角丸四角形は、Appleテンプレートの角丸半径でエクスポート時に焼き込まれ、マスターは完全な四角形のまま残ります。

SparkIconAIのエクスポート画面:一枚の1024pxマスターからmacOS AppIconアセットセットを組み立てる

Macアプリアイコンのプロンプト例

どれか一つをジェネレーターにコピーし、主題・スタイル・色の言葉を自分のアプリに合わせて編集してください。強いMacアイコンのプロンプトは三つのことを示します。角丸四角形の中に主題がどう収まるか、スタイルとパレット、そしてDockとFinderの小さいサイズでも読みやすいままであることです。

ミニマルなユーティリティマーク

macOSアプリのアイコン。柔らかいバイオレットの角丸四角形の中央に置かれたミニマルなコンパスのグリフ、穏やかなグラデーション背景、16pxでも読める太いシルエット、フラットスタイル、テキストなし

デザインツールのためのグラスの奥行き

macOSアプリのアイコン。鉛筆の先の周りに重なるすりガラスのレイヤー、クールなブルーのパレット、柔らかなスタジオライト、角丸半径約22.5%の角丸四角形シルエット、光沢のある3Dスタイル

ダークモードに強いデベロッパーツール

macOSアプリのアイコン。深いチャコールの角丸四角形の上のターミナルキャレットマーク、ミント色の単一アクセント、Finderの32pxでも耐える太い形状、フラットでモダンなスタイル

使い方

3ステップでmacOSアプリアイコンを作る

一文から、XcodeプロジェクトがコンパイルするAppIcon.appiconsetまで。画像エディターは開きません。

  1. 1

    アイコンを描写する

    「家計簿アプリ向けのmacOSアイコン、フラットなゲージマーク、クリーム地に深緑」のように、主題・スタイル・色を一文で書きます。形状をアートワークに落とし込むため、プロンプトで角丸四角形を明示してください。macOSが自動で追加することはありません。

  2. 2

    1024マスターを生成し、小さいサイズで確認

    1024x1024で生成したら、判断する前に128px・64px・32pxでプレビューします。Macアイコンはフルサイズではなく、DockとFinderのサイドバーで一生を過ごします。小さいプレビューこそ本当のレビューです。

  3. 3

    完全なアセットセットをエクスポート

    1xと2xの16pxから1024pxまで全エントリと、Contents.jsonを含むAppIcon.appiconsetをエクスポートします。下の表は、各macOSサーフェスが何を求めるかをまとめたものです。

サイズとスペック

macOSアプリアイコンのサイズとフォーマット仕様

Macは他のどのAppleプラットフォームよりも多くのアイコンファイルを要求するため、まず数字を確認しましょう。以下が現在の要件です。

サーフェスサーフェスに必要なものフォーマットのルールその後の流れ
XcodeのAppIcon.appiconset10個のPNGエントリ:16、32、64、128、256、512、1024pxで、1xと2xをカバーmacOSは一枚の1024ファイルからセットを導出できません。AppleがXcode 14でiOSに追加した単一サイズワークフローはMacのカタログには適用されないため、各エントリはContents.jsonと共に提供されますXcodeはビルド時にカタログをアプリバンドルへコンパイルします
Dock、Finderとシステムサーフェス16〜256pxのエントリが、日々のレンダリングのほぼすべてを担いますDockは最大128ptまで表示し、Finderのリストとサイドバーはそれよりはるかに小さく、1024エントリは264ptを超えるFinder表示にのみ現れます実際の使用では小サイズが支配的なため、マークは何よりもまず32pxで読める必要があります
カタログ外アプリの.icns同じサイズファミリーを一つのファイルにラップ。Xcodeアセットカタログを使わないアプリ向けですPNGセットからiconutilでビルド:iconutil -c icns AppIcon.iconsetElectron、Tauri、NSApplicationのsetIconは.icnsまたは1024 PNGを読み取ります
Mac App Store掲載情報App Store Connectにアップロードする一枚の1024x1024マーケティングアイコン角丸四角形がすでにアートワークに入ったPNG。単色背景で十分です製品ページと検索結果で、アプリ名の横に表示されます

仕様はApple DeveloperのmacOSアプリアイコン構成ガイダンスとApp Store Connectの要件に基づき、2026年9月に確認しました。

マークを描写し、Dockサイズで確認したら、上の表のAppIcon.appiconsetと1024pxストアアップロードをワンパスで書き出します。

macOSアプリアイコンジェネレーターを開く
macOSサーフェスの詳細

一枚のマスターで、すべてのMacサーフェスへ

表のすべてのサーフェスは、同じ1024pxマスターから切り出されたファイルを読み取ります。完成した四角いロゴがすでにありますか?無料のアプリアイコンリサイザーなら、新しいレンダリングなしで全Macサイズに切り出せます。

生成したmacOSアプリアイコンを16px〜1024pxの完全なアセットセットとしてエクスポートした例

自分で描く形状

iOSは角を自動的にマスクしますが、macOSはしません。Macは角丸四角形がファイルの中に、角丸半径は約22.5%、コンテンツは安全なマージン内にあることを期待します。そのためエクスポート時に形状を焼き込み、システムには任せません。

Dock

Dockはユーザーのサイズ設定に応じて32〜128ptでレンダリングし、Retinaでは最大256pxです。拡大演出がアイコンを一瞬128pt超えて大きくするため、エッジとグラデーションは双方向のスケーリングに耐える必要があります。

Finder、Spotlightとスイッチャー

Finderのアイコン表示、リストのサイドバー、Spotlightの結果、cmd-Tabスイッチャーはすべて同じセットから、主に16〜64pxで読み取ります。こうした狭い場所では、細い線と小さなテキストが最初に崩れます。

macOS 26のレイヤードルック

macOS 26は、AppleのIcon Composerでレイヤーとして作るダーク、ティント、クリアのLiquid Glass外観を追加しました。まずここでベースマークを生成し、その後Composerに持ち込んでレイヤー処理を加えましょう。

Macアプリアイコンが実際に現れる場所

Dockは最も目立つ場所にすぎません。同じ角丸四角形は、Finderウィンドウとデスクトップのスタック、cmd-Tabスイッチャー、Spotlightの結果、Mission Control、Launchpad、そしてMac App Storeの掲載情報でアプリ名の横に置かれます。まず一番小さい場所向けにデザインしましょう。16pxのFinderサイドバーの行で読めるマークは、Macの他のどこでも通用します。

比較

macOSアプリアイコンを手に入れる三つの方法

AIジェネレーター、FigmaのMacテンプレートを伴うAppleのIcon Composer、フリーランスのデザイナーは、すべて同じアセットカタログで終わります。違いは出発点と、始める前にアートワークがどれだけ存在しているかです。

AIアイコンジェネレーターIcon ComposerとFigmaテンプレートデザイナーに依頼
出発点マークを描写する一文すでに持っている完成アートワークブリーフと一度の通話
アートワークを作るか作る。すべてのアイコンがプロンプトに合わせて描かれます作らない。提供された素材をレイヤー化してリスケールします作る。ブリーフの範囲内で
完成までの時間コンセプト一つあたり1分未満アートワークがあれば数分1ラウンドあたり数日
コストクレジット制またはサブスクで、無料で開始デザイン環境の上に乗る無料ツールプロジェクトごとに数百ドル
完全なmacOSサイズセットContents.json付きの10エントリappiconsetを仕様どおりにエクスポートテンプレートからサイズグリッドを自分で組み立てる必要があるブリーフにエクスポートが含まれれば対応
macOS 26のレイヤードルックベースマークをここで生成し、レイヤーはIcon Composerで組み立てツールの目的そのものとして内蔵スキルとイテレーション次第で可能

典型的なワークフローの比較。2026年に確認。

機能

ジェネレーターがあなたの代わりにこなすこと

最初のプロンプトから、Xcodeアセットカタログが受け入れるファイルまでのすべて。

一枚の1024pxマスター

フル解像度で一度生成。カタログの全エントリがそこからきれいにダウンスケールされます。

完全なmacOSサイズファミリー

1xと2xの16〜1024px、10個のPNGエントリをContents.jsonと一緒にエクスポート。

角丸四角形を焼き込み

エクスポート時にAppleテンプレートの角丸半径でmacOSの形状を適用するため、ファイルはそのままDockで使えます。

小サイズプレビュー

イテレーション中に128・64・32pxで確認できます。Macアイコンが実際に生きるのはそのサイズです。

小さく読めるまでバリエーション

同じコンセプトを再生成してウェイトと色をテストし、シルエットがFinderのサイドバーで生き残るまで調整できます。

一つのマークにすべてのスタイル

フラット、グラス、3D、ミニマルほかのプリセット。アイコンスケールのシルエット向けに調整済みです。

Macアイコンのスタイル:フラットからグラスまで

1024pxマスターから16pxカタログエントリへの縮小でマークが生き残れるかは、スタイルが決めます。フラットとミニマルのマークは小サイズを最も確実に守り、グラスのプリセットはレイヤードファイルなしでmacOS 26のマテリアルを想起させ、3Dはシルエットが単一で太く保たれるときに奥行きを加えます。アイコンスタイルギャラリーでアイコンスケールの方向を比較しましょう。ミニマルグラス3Dの各ページが、実際のマークで各スタイルを見せます。

デザインのコツ

Dockに耐えるMacアイコンをデザインする

Macアイコンの手直しのほとんどは、四つの習慣に帰着します。macOSは独自のマスクを適用しないため、角丸半径約22.5%の角丸四角形を自分で描きます。コンテンツはゆとりのあるマージン内に収め、Finderの背景や暗い壁紙にマークを圧迫させません。線は太く保ちます。極細の線は32pxで消えるからです。そして明るい壁紙と暗い壁紙の両方でテストします。Dockとデスクトップの色はユーザーごとに異なり、あなたのアイコンはそのすべての上に乗るからです。

よくある質問

macOSアプリアイコンFAQ

サイズ、アセットカタログ、.icnsファイル、そしてMacアイコンをリリースする前に多くの人が尋ねる質問。

1

macOSアプリのアイコンのサイズは?

Xcodeアセットカタログは10個のPNGエントリを求めます。1xと2xをカバーする16、32、64、128、256、512、1024pxで、Contents.jsonで束ねられます。Mac App Storeの掲載情報には一枚の1024x1024マーケティングアイコンが必要です。ここで1024マスターを生成し、セット全体をワンパスでエクスポートできます。

2

iOSのように一枚の1024x1024アイコンで済みますか?

いいえ。一つの1024ファイルから全サイズを導出するiOSの単一サイズワークフローは、Macのアセットカタログには適用されません。macOSはセット内の各エントリを必要とします。エクスポートが10エントリのappiconsetを組み立てるため、手作業のグリッド作業はなくなります。

3

macOSは自動で角を丸くしてくれますか?

いいえ。iOSは独自のスーパーエリプスマスクを適用しますが、macOSは角丸四角形がアートワーク自体の中に、角丸半径約22.5%であることを期待します。エクスポート時に形状が焼き込まれ、完全な四角形のマスターも必要なら残ります。

4

.icnsファイルの作り方は?

サイズセットをAppIcon.iconsetという名前のフォルダに集め、iconutil -c icns AppIcon.iconsetを実行します。Xcodeプロジェクトではアセットカタログが自身をコンパイルするためこのステップは不要で、Electron、Tauri、setIconベースのアプリでは通常必要です。

5

Xcodeでアイコンを追加するには?

エクスポートしたAppIcon.appiconsetをAssets.xcassetsにドラッグし、ターゲットのGeneralタブを開いてAppIconセットが選択されていることを確認します。Xcodeはビルド時に全10エントリを検証し、コンパイル済みアイコンをバンドルに書き込みます。

6

Dockでアイコンがぼやけるのはなぜ?

原因はたいてい二つ。1024px未満のマスターが拡大されているか、サイズエントリが欠けていてシステムが近隣を引き伸ばしているかです。1024で生成して完全なセットをエクスポートすれば、Dockは常に正確なピクセルでレンダリングできます。

7

Macアプリのアイコンを無料で生成するには?

上のジェネレーターは無料クレジットで始まります。マークを描写し、1024マスターを生成し、支払いの前にアセットセットをエクスポートできます。以降の生成はクレジットを使用し、すべてのプランに全エクスポート形式が含まれます。

8

Macアプリのアイコンはどんな形状にすべき?

AppleのmacOSテンプレートと同じ角丸半径、およそ22.5%の角丸四角形です。主題はゆとりのあるマージン内に収め、テキストは避け、Finderサイドバーの32pxで生き残るシルエットを与えましょう。

9

生成したアイコンを公開済みアプリで使えますか?

はい。利用規約に従うことを前提に、Mac App Storeでリリースするアイコンを含め、生成したすべてのアイコンの完全な商用権利をあなたが保持します。

10

Mac App Storeの掲載情報には別のアイコンが必要?

いいえ。App Store Connectは、カタログセットと同じマスターから切り出した1024x1024のマーケティングアイコンを受け付けます。掲載情報と共にアップロードすれば、ストアが独自の表示サイズを導出します。

macOSアプリアイコンセットを生成

マークを一度描写するだけで、一枚のマスターから10エントリのappiconsetと1024pxストアアップロードをエクスポートし、同じ日にApp Store Connectへ提出できます。