You must provide an app icon to display on the Apple Watch Home screen and in various other contexts. If your watchOS app has an iPhone companion app, you must also supply a version of your app icon to display on the iPhone Home screen.
A watchOS app icon is circular and displays no accompanying text.
Embrace simplicity. Find a single element that captures the essence of your app and express that element in a simple, unique shape. Add details cautiously. If an icon’s content or shape is overly complex, the details can be hard to discern, especially at smaller sizes. Take advantage of the icon’s circular shape as part of your design.
Maintain some similarity between your watchOS and iOS app icons. Using a similar appearance and color palette creates an association between the two icons. They don’t need to be identical, but they should be recognizable together.
Provide a single focal point. Design an icon with a single, centered element that immediately captures people’s attention and clearly identifies your app.
Design icons as full-bleed square images using the given dimensions. Apple Watch automatically applies a circular mask. For guidance, see Icon Sizes.
Provide icons in PNG format. Make sure your icons are deinterlaced and without transparency. The standard image bit depth is 24 bits. Create all icons at 2x resolution. For guidance, see Icon Attributes.
Avoid using black for your icon’s background. Lighten a black background or add a border so that the icon doesn’t blend into the display background.
Avoid text in your icons. Text in icons is often too small, so avoid it when you can. However, using a mnemonic—such as the first letter of your app’s name—as a key design element in your icon can help people recognize your app.
If you have a companion app, maintain some similarity between your watchOS and iOS app icons. Using a similar appearance and color palette creates an association between the two icons. The watchOS and iOS icons don’t need to be identical, but they should be recognizably related.
All watchOS app icons should use the following specifications.
|Color space||Display P3 (wide-gamut color), sRGB (color), or Gray Gamma 2.2 (grayscale)|
|Layers||Flattened with no transparency|
|Shape||Square (not rounded or oval)|
Provide your app icon in the following sizes. For templates that help you create icons in these sizes, see Apple Design Resources.
Home Screen Icon
This icon appears on the Apple Watch Home screen.
|40x40 pt (80x80 px @2x)||44x44 pt (88x88 px @2x)||46x46 pt (92x92 px @2x)||50x50 pt (100x100 px @2x)||51x51 pt (102x102 px @2x)|
Notification Center Icon
This icon appears in Notification Center on Apple Watch.
|24x24 pt (48x48 px @2x)||27.5x27.5 pt (55x55 px @2x)||29x29 pt (58x58 px @2x)||29x29 pt (58x58 px @2x)||33x33 pt (66x66px @2x)|
This icon appears in short-look notifications.
|86x86 pt (172x172 px @2x)||98x98 pt (196x196 px @2x)||98x98 pt (196x196 px @2x)||108x108 pt (216x216 px @2x)||117x117 pt (234x234 px @2x)|
App Store Icon
This icon appears in the App Store.
|1024x1024 pt (1024x1024 px @1x)|
Companion Settings Icon
This icon appears in the Apple Watch app on iPhone.
|29x29 pt (58x58 px @2x)||29x29 pt (87x87 px @3x)|