アプリアイコンを作る

1つのアートワークを2つのプラットフォーム向けに。AndroidのリソースとiOSのアプリアイコンを1回のダウンロードで作れます。

モバイル用リソースを書き出す

SVG, PNG, JPG, WebP, HEIC · 最大8MB · 自分のファイルとロック解除済みの結果は無料

ロックを解除した結果を使うにはログインしてください。 小文字の英字で始め、英字、数字、アンダースコアを使ってください。
Androidではアダプティブアイコンのセーフエリアが追加されます。モノクロアイコンは元画像の透過に従います。iOSのセットの名前はAppIconです。

このツールでできること

Androidのあらゆる画面サイズのアイコン、アダプティブアイコンのレイヤー、テーマ(モノクロ)アイコン、512pxのPlayストア用画像に加え、Xcodeですぐ使える1,024pxのiOSアプリアイコンを作ります。背景色と余白を選べば、小さいサイズでもアートワークがはっきり見えます。

安全のため、スクリプト、アニメーション、埋め込みWebコンテンツ、リンク、ほかのファイルを読み込む要素は削除されます。アートワークと、埋め込まれたPNG、JPEG、WebP画像は残ります。削除したものは結果に一覧で表示されます。

入力・出力・制限

入力

SVG、PNG、JPEG、WebP、HEIC

出力

AndroidリソースとiOSのAppIcon.appiconset(どちらかまたは両方)が入ったZIP

制限

ファイルは最大8MB。PNG、JPG、WebP画像は最大24メガピクセルで、書き出し前に1,536pxに縮小されます。処理の上限:30秒。

使い方

1

アートワークをアップロードする

透過ロゴを使うと、Androidのフォアグラウンドとテーマアイコンを最もきれいに調整できます。ラスター画像は大きいほど細部が残ります。

2

仕上げを選ぶ

Android、iOS、または両方を選びます。単色の背景と余白を設定すると、Androidのフォアグラウンドもアダプティブアイコンのセーフエリア内に収まります。

3

読み込みと確認

生成されたAndroidのリソースフォルダーをマージするか、AppIcon.appiconsetをXcodeに追加します。ZIPには取り込み手順が入っています。ランチャーのマスクや小さいサイズでの見え方は実機で確認してください。

トラブルシューティング

Liquid Glassアイコンは作れますか?

いいえ。作られるのはフラットなアセットカタログで、Icon Composerの.iconドキュメントや編集できるLiquid Glassのレイヤーではありません。

テーマアイコンが四角になるのはなぜですか?

モノクロレイヤーは元画像の透過に従います。不透明な写真や背景からは、塗りつぶされたシルエットになります。形のあるアイコンにするには透過ロゴを使ってください。

小さい画像をアップロードすると、くっきりしますか?

いいえ。アップスケールで指定したピクセルサイズにはなりますが、元画像にない細部を復元することはできません。

利用条件と料金

アップロードしたファイルやロックを解除済みの結果に使う場合、このツールにクレジットはかかりません。 ファイルの保存期間は、ゲストは24時間、アカウントは30日です。料金をご覧ください。

モバイル用リソースのガイド

SVGをAndroidのXML(VectorDrawable)に変換する方法1枚の画像からAndroid・iOSのアプリアイコンを作るXcodeの画像アセットはSVGとPNGのどちらにする?

関連ツール

SVGをAndroid VectorDrawableに変換SVGのパスをAndroid XMLにアートワークをiOSアセットにベクターまたはPNGアセットのXcode imagesetfavicon・PWAアイコン作成ICO、SVG、Apple touch、maskableアイコンオンラインSVGエディターブラウザで色や形を変えて書き出し