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 it’s built for iOS, watchOS, macOS and iMessage App & Sticker Pack, and focus on coding and improving your apps.
Here is the dimensions for watchOS apps:
Home Screen Icons
Name |
Size(px) |
Usage |
|---|---|---|
Icon-Homescreen-40x40@2x.png |
80x80 |
Home Screen Icon for 38mm/42mm watch |
Icon-Homescreen-44x44@2x.png |
88x88 |
Home Screen Icon for 40mm watch |
Icon-Homescreen-46x46@2x.png |
92x92 |
Home Screen Icon for 41mm watch |
Icon-Homescreen-50x50@2x.png |
100x100 |
Home Screen Icon for 44mm watch |
Icon-Homescreen-51x51@2x.png |
102x102 |
Home Screen Icon for 45mm watch |
Notification Center Icons
Name |
Size(px) |
Usage |
|---|---|---|
Icon-Notification-24x24@2x.png |
48x48 |
Notification Center Icon for 38mm watch |
Icon-Notification-27.5x27.5@2x.png |
55x55 |
Notification Center Icon for 40mm/42mm watch |
Icon-Notification-29x29@2x.png |
58x58 |
Notification Center Icon for 41mm watch |
Icon-Notification-29x29@2x.png |
58x58 |
Notification Center Icon for 44mm watch |
Icon-Notification-33x33@2x.png |
66x66 |
Notification Center Icon for 45mm watch |
Short-Look Icons
Name |
Size(px) |
Usage |
|---|---|---|
Icon-ShortLook-86x86@2x.png |
172x172 |
Short-Look Icon for 38mm watch |
Icon-ShortLook-98x98@2x.png |
196x196 |
Short-Look Icon for 40mm/42mm watch |
Icon-ShortLook-98x98@2x.png |
196x196 |
Short-Look Icon for 41mm watch |
Icon-ShortLook-108x108@2x.png |
216x216 |
Short-Look Icon for 44mm watch |
Icon-ShortLook-117x117@2x.png |
234x234 |
Short-Look Icon for 45mm watch |
App Store Icons
Name |
Size(px) |
Usage |
|---|---|---|
Icon-AppStore-1024x1024.png |
1024x1024 |
Icon for app store |
Companion Settings Icons
Name |
Size(px) |
Usage |
|---|---|---|
Icon-Companion-29x29@2x.png |
58x58 |
Companion Settings Icon(@2x) |
Icon-Companion-29x29@3x.png |
87x87 |
Companion Settings Icon(@3x) |
After creating all the icons, you should put it 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.
