SVG をアイコンに

SVG から ICO ファビコンと macOS の ICNS アイコンを作成

SVG をマルチサイズの ICO ファビコンまたは ICNS macOS アプリアイコンに変えます。プラットフォームとターゲットサイズを選択し、フィット感と背景を調整して、すぐに使用できるアイコンファイルを 1 つダウンロードします。

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

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

アイコン形式

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

最大サイズ（px）

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

背景

透過単色

角丸

カスタム（px）

絵柄余白（%）拡大率（%）

水平方向の配置

垂直方向の配置

グレースケール

余白は絵柄を内側に寄せ、拡大率は絵柄を拡大し、配置は絵柄が枠いっぱいにならないときの位置を決めます。背景と角丸の形は常にアイコン全体に広がります。

プレビュー

元画像を表示

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

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

ICO とは

ICO は Windows のアイコンコンテナ形式で、ファビコン、アプリケーションアイコン、デスクトップのショートカットに使われます。1 つの ICO ファイルに複数のラスター画像（通常は 16×16 から 256×256）を収められます。

ICNS とは

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

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

ブラウザとオペレーティングシステムはコンテナアイコンファイルを使用します。 Windows ファビコン、デスクトップショートカット、またはアプリアイコンが必要な場合は、SVG をマルチサイズの .ico に変換します。ファイルには、最大 256 ピクセルまでのあらゆる標準サイズがパックされます。 macOS アプリ、Electron または Tauri バンドルをパッケージ化する場合、またはカスタムドキュメントタイプアイコンを置き換える場合は、SVG を .icns に変換します。このファイルは、すべての macOS スロットを最大 1024 ピクセルにパックします。 1 つのソース SVG では、プラットフォームごとに 1 つのマルチサイズファイルが提供されます。

ICO と ICNS のどちらを選ぶか

どちらも 1 つの SVG から複数サイズのラスター画像をまとめます。ファイルを使うプラットフォームで選んでください。

	ICO	ICNS
プラットフォーム	Windows、ブラウザ	macOS
含まれるサイズ	16、32、48、64、128、256	16、32、64、128、256、512、1024
一般的なファイルサイズ	対象や作品により異なります	対象や作品により異なります
向いている用途	ファビコン（favicon.ico）、デスクトップのショートカット、タスクバーへのピン留め	macOS の .app バンドル、書類タイプのアイコン、Electron や Tauri の Mac ビルド

SVG をマルチサイズの ICO や ICNS にオンラインで変換する方法

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

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

変換は、JavaScript および WebAssembly を使用してブラウザーでローカルに実行されます。ファイルのアップロードやサーバー側の変換がないため、追加したファイルはデバイス上に残ります。

ローカル処理は、機密ロゴ、内部文書、未公開のクライアントアートワークを保護するのに役立ちます。ページと変換コードは使用中にキャッシュされるため、すでに開いているツールはネットワーク接続がなくても引き続き動作できます。

よくある質問

ICO と ICNS は何が違いますか？

ICO は Windows のファビコンとショートカットの形式で、ブラウザ、デスクトップ、タスクバーが使います。ICNS は macOS のアイコン形式で、.app バンドル、Finder、Dock が使います。どちらも複数のサイズを 1 つのファイルにまとめ、OS が場面ごとに適したものを選べるようにします。

なぜファイルに複数のサイズが含まれるのですか？

アイコンは、ブラウザーのタブ、ブックマーク、ファイルリスト、デスクトップ、アプリケーションランチャーで非常に異なるサイズで表示されます。標準サイズをバンドルすると、ブラウザーまたはオペレーティングシステムは、コンテキストごとに 1 つの画像を拡大縮小するのではなく、最も近い一致を選択できるようになります。

1 つのサイズだけ生成できますか？

最も小さいサイズを最大サイズに指定すれば、そのサイズだけが生成されます。単一解像度のファイルがどうしても必要なら ICO も ICNS も対応していますが、多くのプラットフォームはマルチサイズのまとまりを前提としています。また、たとえば大きなデザインをメニューバーの小さなアイコンまで縮小すると、うまく見えないことがあります。