Making App Icons for watchOS
According to Apple’s Human Interface Guidelines, every app must provide an icon to be displayed on the Apple Watch Home screen and in various other contexts. An app should specify several different icons of different dimensions to suit different screen sizes and different situations.
You can save valuable time by using Makeappicon.com to generate app icons of all dimensions you need for submitting your apps to Apple in one click, no matter if it’s built for iOS, watchOS, macOS, and iMessage App & Sticker Pack, and focus on coding and improving your apps.
Here are the dimensions for watchOS apps:
Home Screen Icons
| Name | Size (px) | Usage |
|---|
| icon-watchos-40x40@2x.png | 80x80 | 38mm watch |
| icon-watchos-44x44@2x.png | 88x88 | 40mm watch |
| icon-watchos-46x46@2x.png | 92x92 | 41mm watch |
| icon-watchos-40x40@2x.png | 80x80 | 42mm watch |
| icon-watchos-50x50@2x.png | 100x100 | 44mm watch |
| icon-watchos-51x51@2x.png | 102x102 | 45mm watch |
| icon-watchos-54x54@2x.png | 108x108 | 49mm watch |
Notification Center Icons
| Name | Size (px) | Usage |
|---|
| icon-watchos-24x24@2x.png | 48x48 | 38mm watch |
| icon-watchos-27.5x27.5@2x.png | 55x55 | 40mm watch |
| icon-watchos-29x29@2x.png | 58x58 | 41mm watch |
| icon-watchos-27.5x27.5@2x.png | 55x55 | 42mm watch |
| icon-watchos-29x29@2x.png | 58x58 | 44mm watch |
| icon-watchos-33x33@2x.png | 66x66 | 45mm watch |
| icon-watchos-33x33@2x.png | 66x66 | 49mm watch |
Short-Look Icons
| Name | Size (px) | Usage |
|---|
| icon-watchos-86x86@2x.png | 172x172 | 38mm watch |
| icon-watchos-98x98@2x.png | 196x196 | 40mm watch |
| icon-watchos-98x98@2x.png | 196x196 | 41mm watch |
| icon-watchos-98x98@2x.png | 196x196 | 42mm watch |
| icon-watchos-108x108@2x.png | 216x216 | 44mm watch |
| icon-watchos-117x117@2x.png | 234x234 | 45mm watch |
| icon-watchos-129x129@2x.png | 258x258 | 49mm watch |
App Store Icons
| Name | Size (px) | Usage |
|---|
| icon-watchos-1024x1024@1x.png | 1024x1024 | App Store |
iPhone Companion App Icons
| Name | Size (px) |
|---|
| icon-watchos-29x29@2x.png | 58x58 |
| icon-watchos-29x29@3x.png | 87x87 |
After creating all the icons, you should put them into a folder whose name is icon.iconset. The folder must have the .iconset extension. It might look a bit unusual for a folder to have an extension, but this extension is a signal to the system that the folder contains a set of icons.