iOS、Android、macOS、Web向けアプリアイコンサイズ(2026年版)
用意すべきファイルと、各システムが自動生成するサイズをまとめました。
この一覧表は、App Store、Google Play、iOS 26のLiquid Glass、Androidアダプティブアイコン、macOS、watchOS、Webアプリを対象にしています。各サイズは、Xcode、Android Studio、Google Playの要件と照合済みです。
- 更新日： 2026年9月25日
- 50個のアイコンサイズが表示されています
- 7プラットフォームが対象となっています。
アプリアイコンのサイズはどのくらいが適切ですか?
アプリアイコンは1024×1024pxで作成してください。これがApp Storeのサイズで、Google Playには512×512pxの別ファイルが必要です。まずは正方形のPNG1枚、またはSVGを1つ用意しましょう。Xcodeが小さいiOS・watchOS向けサイズを生成しますが、macOS、Android、Webアプリでは別途ファイルが必要です。
全プラットフォーム対応アプリアイコンサイズ一覧表
| プラットフォーム | 用意するファイル | システムが行う処理 |
|---|---|---|
| iOS・iPadOS | 透明度なしの1024×1024 PNGを1枚(Xcode 14以降) | Xcodeがホーム画面、Spotlight、設定、通知用のすべてのサイズを生成し、iOSが角を丸くします |
| Liquid Glass(iOS 26以降) | 1024ptキャンバスにレイヤーを配置したAppIcon.iconファイル | システムがガラス調のエッジ、クリア、ティントの見た目を追加し、Xcodeが旧iOS向け画像をビルドします |
| watchOS | 透明度なしの1024×1024 PNGを1枚 | Xcodeがすべてのwatchサイズを生成し、watchOSが円形マスクを適用します |
| macOS | 角丸の形状を描き込んだ16〜1024pxの10サイズ | 何も自動生成されないため、すべてのサイズをアイコンセットに含める必要があります |
| Android | 5つの密度(108〜432px)のアダプティブアイコンレイヤーと、512pxのPlay Storeアイコン | ランチャーがレイヤーを独自の形にクロップし、Google Playがストアアイコンの角を丸くします |
| Webアプリ(PWA) | 192pxと512pxのアイコン、512pxのマスカブルアイコン、180pxのApple touchアイコン | ブラウザが必要なサイズを選び、マスカブルアイコンを指定の形にクロップします |
これらのファイルがすべて必要ですか? 画像1枚から全サイズを作成できるアプリアイコンジェネレーターをお試しください。
Windowsのアプリアイコンサイズ
Windowsは独自のアイコンセットを使用します。当アプリアイコンジェネレーターではこれらのファイルは作成できません。
| 名前 | サイズ | 形式 | 目的 | 注記 |
|---|---|---|---|---|
| Store listing logo | 300 × 300 px | PNG | Microsoft Store listing | — |
| Taskbar / desktop icon | 256 × 256 px | ICO / PNG | Windows taskbar and desktop shortcut | — |
| Medium tile | 150 × 150 px | PNG | Start menu medium tile | — |
| Small tile | 44 × 44 px | PNG | Taskbar app icon | — |
Store listing logo
PNG300 × 300 px
Microsoft Store listing
Taskbar / desktop icon
ICO / PNG256 × 256 px
Windows taskbar and desktop shortcut
Medium tile
PNG150 × 150 px
Start menu medium tile
Small tile
PNG44 × 44 px
Taskbar app icon
iOS・iPadOSのアプリアイコンサイズ
App Storeのアイコンは1024×1024pxです。Xcode 14以降ではこの1枚だけで十分ですが、ファイルを個別に用意したい場合、以下がXcodeの「All Sizes」オプションに表示されるサイズです。
| 名前 | サイズ | 形式 | 目的 | 注記 | 生成する |
|---|---|---|---|---|---|
| App Store & single-size icon | 1024 × 1024 px | PNG | App Store listing, and the one image Xcode 14+ turns into every other size | Required. No transparency and no alpha channel. Square corners — iOS applies the rounded mask. | 生成する |
| iPhone Home Screen (60 pt @3x) | 180 × 180 px | PNG | iPhone home screen | — | 生成する |
| iPhone Home Screen (60 pt @2x) | 120 × 120 px | PNG | iPhone home screen | — | 生成する |
| iPad Pro Home Screen (83.5 pt @2x) | 167 × 167 px | PNG | iPad Pro home screen | — | 生成する |
| iPad Home Screen (76 pt @2x) | 152 × 152 px | PNG | iPad and iPad mini home screen | — | 生成する |
| Home Screen (64 pt @3x / @2x) | 192 × 192 px | PNG | Home screen slot listed by Xcode's All Sizes (192 px @3x, 128 px @2x) | Apple doesn't document which devices use it; filling it avoids automatic scaling. | 生成する |
| Home Screen (68 pt @2x) | 136 × 136 px | PNG | iPad home screen slot listed by Xcode's All Sizes | — | 生成する |
| Spotlight (40 pt @3x) | 120 × 120 px | PNG | Spotlight search results | — | 生成する |
| Spotlight (40 pt @2x) | 80 × 80 px | PNG | Spotlight search results | — | 生成する |
| Notifications (38 pt @3x) | 114 × 114 px | PNG | Notifications on iPhone and iPad | — | 生成する |
| Notifications (38 pt @2x) | 76 × 76 px | PNG | Notifications on iPhone and iPad | — | 生成する |
| Settings (29 pt @3x) | 87 × 87 px | PNG | Settings app | — | 生成する |
| Settings (29 pt @2x) | 58 × 58 px | PNG | Settings app | — | 生成する |
| Notifications (20 pt @3x) | 60 × 60 px | PNG | Notification icon slot | — | 生成する |
| Notifications (20 pt @2x) | 40 × 40 px | PNG | Notification icon slot | — | 生成する |
App Store & single-size icon
PNG1024 × 1024 px
App Store listing, and the one image Xcode 14+ turns into every other size
Required. No transparency and no alpha channel. Square corners — iOS applies the rounded mask.
アイコンを生成するHome Screen (64 pt @3x / @2x)
PNG192 × 192 px
Home screen slot listed by Xcode's All Sizes (192 px @3x, 128 px @2x)
Apple doesn't document which devices use it; filling it avoids automatic scaling.
アイコンを生成するiOS 26向けLiquid Glassアイコンのサイズ
Liquid Glassアイコンは、iPhone・iPad・Macでは1024×1024ptのキャンバス、Apple Watchでは1088×1088ptのキャンバスを使います。Icon Composerでレイヤー付きの.iconファイルとして作成します。
| 名前 | サイズ | 形式 | 目的 | 注記 | 生成する |
|---|---|---|---|---|---|
| Icon Composer canvas — iPhone, iPad, Mac | 1024 × 1024 px | .icon (PNG or SVG layers) | Layered Liquid Glass icon for Xcode 26 and later | One layer pixel equals one point. Use 2048 px layers at 50% scale so icons stay sharp at @2x. | 生成する |
| Icon Composer canvas — Apple Watch | 1088 × 1088 px | .icon (PNG or SVG layers) | Liquid Glass icon for watchOS 26 | The watch canvas is larger; scale layers to cover it or the edge shows the fill. | 生成する |
Icon Composer canvas — iPhone, iPad, Mac
.icon (PNG or SVG layers)1024 × 1024 px
Layered Liquid Glass icon for Xcode 26 and later
One layer pixel equals one point. Use 2048 px layers at 50% scale so icons stay sharp at @2x.
アイコンを生成するIcon Composer canvas — Apple Watch
.icon (PNG or SVG layers)1088 × 1088 px
Liquid Glass icon for watchOS 26
The watch canvas is larger; scale layers to cover it or the edge shows the fill.
アイコンを生成するAndroid・Google Playのアプリアイコンサイズ
Google Playのアイコンは512×512pxです。端末上ではAndroid 8以降がアダプティブアイコンを使用し、108dpのレイヤーに66dpのセーフゾーンを設け、5つの画面密度で保存します。
| 名前 | サイズ | 形式 | 目的 | 注記 | 生成する |
|---|---|---|---|---|---|
| Google Play Store icon | 512 × 512 px | PNG (32-bit) | Google Play listing | Up to 1024 KB, sRGB. Full square — Google Play rounds the corners (30% radius) and adds the shadow. | 生成する |
| Adaptive icon layer, xxxhdpi | 432 × 432 px | PNG / WebP / vector | Foreground and background layers (108 dp) for Android 8+ | Only the center 288 px (72 dp) shows. Keep the logo inside the 264 px (66 dp) safe zone. | 生成する |
| Adaptive icon layer, xxhdpi | 324 × 324 px | PNG / WebP / vector | 108 dp layer at 3x | — | 生成する |
| Adaptive icon layer, xhdpi | 216 × 216 px | PNG / WebP / vector | 108 dp layer at 2x | — | 生成する |
| Adaptive icon layer, hdpi | 162 × 162 px | PNG / WebP / vector | 108 dp layer at 1.5x | — | 生成する |
| Adaptive icon layer, mdpi | 108 × 108 px | PNG / WebP / vector | 108 dp layer at 1x | — | 生成する |
| Legacy & round launcher icon, xxxhdpi | 192 × 192 px | PNG / WebP | ic_launcher and ic_launcher_round (48 dp) for Android 7.1 and earlier | Lower densities: 144, 96, 72 and 48 px. | 生成する |
| Themed (monochrome) layer | 432 × 432 px | PNG / vector | Themed icons on Android 13+ | Same 108 dp grid and safe zone. Only the alpha channel is used; the system tints it. | 生成する |
Google Play Store icon
PNG (32-bit)512 × 512 px
Google Play listing
Up to 1024 KB, sRGB. Full square — Google Play rounds the corners (30% radius) and adds the shadow.
アイコンを生成するAdaptive icon layer, xxxhdpi
PNG / WebP / vector432 × 432 px
Foreground and background layers (108 dp) for Android 8+
Only the center 288 px (72 dp) shows. Keep the logo inside the 264 px (66 dp) safe zone.
アイコンを生成するLegacy & round launcher icon, xxxhdpi
PNG / WebP192 × 192 px
ic_launcher and ic_launcher_round (48 dp) for Android 7.1 and earlier
Lower densities: 144, 96, 72 and 48 px.
アイコンを生成するThemed (monochrome) layer
PNG / vector432 × 432 px
Themed icons on Android 13+
Same 108 dp grid and safe zone. Only the alpha channel is used; the system tints it.
アイコンを生成するmacOS・watchOSのアプリアイコンサイズ
macOSは16〜512ptの10個のアイコン枠が必要で、これは7つのPNGファイルに相当します。watchOSはXcode 14以降なら1024pxの画像1枚で済みます。
macOSのアプリアイコンサイズ
| 名前 | サイズ | 形式 | 目的 | 注記 | 生成する |
|---|---|---|---|---|---|
| App Store & Retina (512 pt @2x) | 1024 × 1024 px | PNG | Mac App Store and the largest Retina size | Draw the rounded body at 824 × 824 px, centered, with transparent margins and a soft shadow. | 生成する |
| 512 pt @1x · 256 pt @2x | 512 × 512 px | PNG | Dock, Finder and Launchpad on large displays | — | 生成する |
| 256 pt @1x · 128 pt @2x | 256 × 256 px | PNG | Dock and Finder icon views | — | 生成する |
| 128 pt @1x | 128 × 128 px | PNG | Dock and Finder icon views | — | 生成する |
| 32 pt @2x | 64 × 64 px | PNG | Finder list and column views on Retina | — | 生成する |
| 32 pt @1x · 16 pt @2x | 32 × 32 px | PNG | Finder list views and sidebars | — | 生成する |
| 16 pt @1x | 16 × 16 px | PNG | Finder list views on standard displays | — | 生成する |
App Store & Retina (512 pt @2x)
PNG1024 × 1024 px
Mac App Store and the largest Retina size
Draw the rounded body at 824 × 824 px, centered, with transparent margins and a soft shadow.
アイコンを生成するwatchOSのアプリアイコンサイズ
| 名前 | サイズ | 形式 | 目的 | 注記 | 生成する |
|---|---|---|---|---|---|
| App Store & single-size icon | 1024 × 1024 px | PNG | Watch App Store, and the one image Xcode 14+ turns into every watch size | Square, no transparency. watchOS applies a circular mask. | 生成する |
| Home Screen, 49 mm (54 pt @2x) | 108 × 108 px | PNG | Apple Watch Ultra app grid | — | 生成する |
| Home Screen, 45 mm (51 pt @2x) | 102 × 102 px | PNG | App grid and list | — | 生成する |
| Home Screen, 44 mm (50 pt @2x) | 100 × 100 px | PNG | App grid and list | — | 生成する |
| Home Screen, 41 mm (46 pt @2x) | 92 × 92 px | PNG | App grid and list | — | 生成する |
| Home Screen, 40 mm (44 pt @2x) | 88 × 88 px | PNG | App grid and list | — | 生成する |
| Short Look, 49 mm (129 pt @2x) | 258 × 258 px | PNG | Notification Short Look | — | 生成する |
| Short Look, 45 mm (117 pt @2x) | 234 × 234 px | PNG | Notification Short Look | — | 生成する |
| Short Look, 44 mm (108 pt @2x) | 216 × 216 px | PNG | Notification Short Look | — | 生成する |
| Companion Settings (29 pt @3x) | 87 × 87 px | PNG | Watch app on iPhone | — | 生成する |
App Store & single-size icon
PNG1024 × 1024 px
Watch App Store, and the one image Xcode 14+ turns into every watch size
Square, no transparency. watchOS applies a circular mask.
アイコンを生成するPWA・Webアプリのアイコンサイズ
Webアプリマニフェストには192pxと512pxのアイコンに加え、マスカブル版とiPhone向けの180px Apple touchアイコンが必要です。
| 名前 | サイズ | 形式 | 目的 | 注記 | 生成する |
|---|---|---|---|---|---|
| Manifest icon, 512 px (any) | 512 × 512 px | PNG | Install prompts, splash screens and app launchers | — | 生成する |
| Manifest icon, 192 px (any) | 192 × 192 px | PNG | Home screen on Android and ChromeOS | — | 生成する |
| Maskable icon | 512 × 512 px | PNG | Android and ChromeOS icon shapes | Opaque, with the artwork inside the center 80% circle. Keep it separate from the "any" icon. | 生成する |
| Apple touch icon | 180 × 180 px | PNG | iPhone and iPad home screen for websites | Opaque — iOS shows transparent areas as black. | 生成する |
Manifest icon, 512 px (any)
PNG512 × 512 px
Install prompts, splash screens and app launchers
アイコンを生成するMaskable icon
PNG512 × 512 px
Android and ChromeOS icon shapes
Opaque, with the artwork inside the center 80% circle. Keep it separate from the "any" icon.
アイコンを生成するApple touch icon
PNG180 × 180 px
iPhone and iPad home screen for websites
Opaque — iOS shows transparent areas as black.
アイコンを生成するブラウザタブのアイコンについては、ファビコンサイズガイドをご覧ください。
アプリアイコンデザインのコツ
- 1小さいサイズでも鮮明に見えるよう、1024×1024pxまたはベクター形式でデザインしてください。
- 2重要な部分は中央付近に配置しましょう。ランチャーやwatchOSはアイコンを円形などの形にクロップします。
- 3iOS、watchOS、Google Playのアイコンには角を丸めたり透明度を加えたりしないでください。各プラットフォームが独自に形状を適用します。
- 4Androidのロゴは108dpレイヤー内の66dpセーフゾーンに収めてください。xxxhdpiでは264pxに相当します。
- 5watchOSのアイコンで黒背景は避けてください。文字盤に溶け込んでしまいます。
- 6アイコンを16px、29px、48pxで確認しましょう。1024pxでは綺麗に見える細部も、小さくすると消えてしまうことがあります。
アプリアイコンサイズに関するFAQ
アプリアイコンのサイズ、フォーマット、プラットフォームごとのルールをすぐ確認できます。
全プラットフォーム向けアプリアイコンを無料で生成
1024×1024の画像またはSVGを1枚アップロードするだけで、iOS、Android、macOS、watchOS、Web向けの全サイズを1つのZIPで受け取れます。