SVG を ICNS に

SVG を macOS の .icns アプリアイコンに変換

macOS アプリや書類タイプのアイコン用に .icns を作成します。標準サイズは 16×16 から 1024×1024 まであり、最大サイズ以下のものを自動でまとめます。macOS アプリ開発者とアイコン制作者のためのツールです。

ここにファイルをドロップ

新規ファイルの既定値を編集しています

ICO のサイズは 16、32、48、64、128、256 に固定されています。最大サイズまでのすべてを書き出し、1 つの .ico にまとめます。

最大サイズ（px）

含まれるサイズ：16, 32, 48, 64, 128, 256 px

背景透過単色

グレースケール

角丸

カスタム（px）

プレビュー

元画像を表示

プレビューはありません。ファイルを追加して選択すると結果が表示されます。

ファイルがありません。上にドロップするか、「ファイルを選択」を押してください。

SVG とは

SVG（Scalable Vector Graphics）は XML をもとにしたベクター画像形式です。ピクセルではなく、図形、パス、塗り、線を数式で表すため、どんなサイズで描画しても品質が落ちません。

SVG は Web における標準のベクター形式です。最新のブラウザはすべて標準で対応し、CSS でスタイルを指定でき、JavaScript や SMIL でアニメーションもできます。同等のラスター画像に比べてファイルサイズも大幅に小さくなります。

ICNS とは

ICNS は Apple のアイコンコンテナ形式で、macOS がアプリケーションバンドルや書類タイプのアイコンに使います。1 つの ICNS ファイルに標準サイズ（16、32、64、128、256、512、1024 ピクセル）の PNG 画像を複数収められます。

SVG とラスター形式の比較

ベクター画像（SVG）とラスター画像（PNG、JPG）は用途が異なります。画像を何に使うかによって適した形式が決まります。

項目	SVG	PNG / JPG	ICO / ICNS
拡大縮小	解像度に依存しない	拡大するとぼやける	固定サイズで事前に描画
ファイルサイズ	図形やアイコンは小さい	解像度とともに増える	各サイズの画像の集合
編集	テキストやベクターツールで編集可	ピクセル単位の編集のみ	各サイズを編集して再度まとめる
アニメーション	CSS、SMIL、JavaScript	限定的（APNG / GIF）	非対応
透過	対応	PNG は対応、JPG は非対応	対応（PNG ベース）

SVG を ICNS に変換するのはどんなとき

macOS のアプリや書類タイプは ICNS を使います。この SVG ICNS 変換ツールは無料の macOS アプリアイコン作成ツールとして使えます。macOS アプリや Electron、Tauri の Mac バンドルをパッケージするとき、ファイルタイプのアイコンを差し替えるときは SVG を ICNS に変換してください。最大サイズ 256 の ICNS は 30〜150 KB、最大サイズ 1024（App Store の標準）は細かさに応じて 200 KB〜2 MB です。1 つのファイルで Finder、Dock、ダイアログの各サイズをまかなえます。

SVG から ICNS：ファイルサイズと品質のバランス

ファイルサイズ

マルチサイズの ICNS は 16×16 から最大サイズ（最大 1024×1024）までの標準サイズをすべてまとめます。最大サイズ 1024 の ICNS は、SVG の細かさに応じて 200 KB〜2 MB が目安です。最大サイズが小さければ比例して小さくなり、最大サイズ 256 のファイルはたいてい 30〜150 KB です。

ICNS が適しているとき

ICNS は macOS のアプリアイコン形式です。.app バンドル、Electron や Tauri の Mac ビルド、独自の書類タイプのアイコンをパッケージするとき、Finder、Dock、xcassets が .icns を求める場面で使ってください。必要なら Apple のツールで ICNS を最新の iconset 形式に変換できます。

SVG をアイコンの原本として残すとき

ブランドの原本としては SVG を残してください。Apple の Asset Catalog と Xcode のツールは、ベクターの原本から PNG セットや ICNS バンドルを直接書き出せます。編集できる原本は SVG のままにしておきましょう。ICNS はビルドの成果物であって原本ではありません。

品質とのバランス

ICNS の各サイズは、SVG からラスター化された実寸の PNG を保存します。1024 のサイズは 6K の外部ディスプレイを含め、現行の Apple のどのディスプレイでも鮮明です。SVG が細かい場合、最小のサイズ（16、32）にはピクセルに合わせて簡略化した版が必要です。そうしないと Finder のリスト表示でにじんで見えます。

SVG を ICNS にオンラインで変換する方法

ファイルをドロップするか「ファイルを選択」を押してキューに追加します。一度に最大 40 件です。
出力設定（サイズ、DPI、背景、品質、トレースの細かさ）を指定すると、プレビューがその場で更新されます。
「すべて保存」を押すと結果をダウンロードできます。キューに複数ある場合は 1 つの ZIP になります。

プライバシー：ファイルはブラウザから出ません

ファイルが端末の外に出ることはありません。変換は JavaScript と WebAssembly を使ってすべてブラウザ内で実行されます。アップロードもサーバー処理もないため、ファイルに関する情報がどこかへ送られることはありません。

何もアップロードされないため、社外秘のロゴ、社内文書、未公開の顧客作品にも安心して使えます。使用中に端末へキャッシュされるので、初回訪問のあとはネットワーク接続がなくても動作します。

よくある質問

ICNS にはどのサイズが含まれますか？

最大サイズまでの標準的な ICNS のサイズをすべてまとめます。16、32、64、128、256、512、1024 です。macOS は場面に応じて適切なサイズを選びます。Finder のサムネイル、Dock のアイコン、ダイアログのアイコンなどです。

macOS のアプリアイコンにはどのサイズを選べばよいですか？

最新の macOS アプリと App Store では 1024 が標準です。1024 を選ぶと、それより小さいサイズも自動でまとめられるため、Finder のリスト表示から全画面のスプラッシュ画面まで鮮明なままです。

ICNS は透過に対応していますか？

はい。ICNS は PNG と同じくピクセル単位のアルファを使います。既定で透過を保ちます。透明な部分を塗りつぶしたい場合にだけ、単色の背景を選んでください。