Для каждой операционной системы существуют свои стандартные размеры иконок. Кликните на названии операционной системы, чтобы прокрутить страницу вниз к интересующему разделу.
| Windows | 16×16, 24×24, 32×32, 48×48, 256×256 |
| Mac OS X | 16×16, 32×32, 64×64, 128×128, 256×256, 512×512, 1024×1024 |
| Linux | 16×16, 24×24, 48×48, and 96×96 |
| iOS 6 | 29×29, 50×50, 57×57, 58×58, 72×72, 100×100, 114×114, 144×144, 1024×1024 |
| iOS 7 | 29×29, 40×40, 58×58, 60×60, 76×76, 80×80, 120×120, 152×152, 1024×1024 |
| Android | 36×36, 48×48, 72×72, 96×96, 512×512 |
| Windows Phone | 62×62, 99×99, 173×173, 200×200 |
Размеры иконок для Windows Vista, Windows 7 и Windows 8
Иконки приложений и иконки Панели управления
Иконки должны быть в формате .ico.
Полный набор должен включать следующие размеры:
- 16×16
- 32×32
- 48×48
- 256×256
Иконки для Windows 8 (Metro Design)
- Иконка приложения 30х30, 50×50, 150×150
- Иконки панели инструментов 26х26
Панель инструментов
Необходимые размеры: 16×16, 24×24, 32×32.
Помните, иконки должны быть плоскими даже в максимальном размере 32×32.
Диалоговые окна и помощники
Необходимые размеры: 32×32 и 48×48
Размеры иконок для Mac OS X
Иконка приложения
Если вы хотите быть уверены, что ваша иконка будет смотреться одинаково хорошо на экранах любого разрешения, необходимо создать ее в следующих размерах:
- 1024×1024
- 512×512
- 256×256
- 128×128
- 64×64
- 32×32
- 16×16
Панели инструментов
оздавайте иконки в стандартном и высоком разрешении (для мониторов с «Ретина» дисплеем). Необходимо подготовить два размера иконок:
- 32×32
- 32×32@2x (64×64)
Сохраняйте иконки в формате PNG.
Боковое меню
Создавайте иконки в трех размерах:
- 16×16
- 18×18
- 32×32 пиксела (если используете PDF)
Если вы сохраните иконки для бокового меню в формате PDF, что рекомендуется компаниемй Apple, OS X автоматически изменит размер вашей иконки для мониторов высокого разрешения. Если же вы сохраняете иконки в формате PNG, необходимо подготовить следующие размеры:
- 16×16
- 16×16@2x
- 18×18
- 18×18@2x
- 32×32
- 32×32@2x
Иконки для Linux
Размеры иконок согласно Руководству GNOME.
В Linux используются трехмерные иконки.
iOS 6
iPhone и iPod Touch
| Описание | Стандартное разрешение | Высокое разрешение (Ретина дисплей) |
| Иконка приложения | 57×57 | 114×114 |
| Настройки | 29×29 | 58×58 |
| Поиск | 29×29 | 58×58 |
| Иконка приложения для интернет магазина Apple | 512×512 | 1024×1024 |
iPad
| Описание | Стандартное разрешение | Высокое разрешение (Ретина дисплей) |
| Иконка приложения | 72×72 | 144×144 |
| Настройки | 29×29 | 58×58 |
| Поиск | 100×100 | 50×50 |
| Иконка приложения для интернет магазина Apple | 512×512 | 1024×1024 |
iOS 7
iPhone и iPod Touch
| Описание | Размер иконки |
| Иконка приложения | 120×120 |
| Настройки | 58×58 |
| Поиск | 80×80 |
| Иконка приложения для интернет магазина Apple | 1024×1024 |
iPad
| Описание | Стандартное разрешение | Высокое разрешение (Ретина дисплей) |
| Иконка приложения | 76×76 | 152×152 |
| Настройки | 29×29 | 58×58 |
| Spotlight Icon | 80×80 | 40×40 |
| App icon for the App Stores | 1024×1024 | 1024×1024 |
Android
Иконка приложения
| Интернет магазин Google | 512×512 |
| Очень высокое разрешение (xhdpi) | 96×96 |
| Высококе разрешение (hdpi) | 72×72 |
| Среднее разрешение (mdpi) | 48×48 |
| Низкое разрешение (ldpi) | 36×36 |
Панель действий
| Самое высокое разрешение (xhdpi) | 96×96 |
| Очень высокое разрешение (xhdpi) | 64×64 |
| Высокое разрешение (hdpi) | 48×48 |
| Среднее разрешение (mdpi) | 36×36 |
Windows Phone
Минуточку внимания: советуем брать плоские иконки в нашем новом проекте Icons8. Их 35000 и ежедневно появляются новые.
Иконка приложения
| Необходимые икнки в пакете XAP | Размер иконки |
| Иконка приложения | 62×62 |
| Плитка под иконкой приложения | 173×173 |
Иконки для интернет магазина Windows
| Icon | Size |
| Иконка приложения для мобильного интернет магазина Windows (маленькая) | 99×99 |
| Иконка приложения для мобильного интернет магазина Windows (маленькая) | 173×173 |
| Иконка приложения для настольного интернет магазина Windows | 200×200 |
See all the guidelines and recommendations of the most suitable icons formats for each OS in one place.
Choosing the right icon size for various operating systems (iOS, Microsoft, Android) is important, but it may also cause headaches, depression, and other unpleasant side effects. This may negatively affect the cost of design and quality of a product as a whole. So, we decided to help you and make this summary.
Here are some useful infographics accumulating official guidelines:
You can scroll down the page to a specific operating system by clicking the links.
| iOS 9 | 58×58, 80×80, 120×120, 152×152, 180×180, 1024×1024 |
| Windows 10 | 16×16, 24×24, 32×32, 48×48, 256×256 |
| Android Lollipop, Marshmallow, Nougat, Oreo | 24×24, 48×48, 192×192 |
| macOS X | 16×16, 32×32, 64×64, 128×128, 256×256, 512×512, 1024×1024 |
| Unix operating systems | 16×16, 24×24, 48×48, 96×96 |
| Windows Phone | 62×62, 99×99, 173×173, 200×200 |
iOS 9
iOS Human Interface Guidelines are clear and quite brief. They recommend the PNG format and the following sizes for icons:
Application Icon
| Required Sizes | |
|---|---|
| iPhone 6s Plus and iPhone 6 Plus | 180×180 |
| iPhone 6s, iPhone 6, and iPhone SE | 120×120 |
| iPhone 5 and iPhone 4s | 120×120 |
| iPad Pro | 167×167 |
| iPad and iPad mini | 152×152 |
Application Icon for the App Store
Spotlight search results icon
| Required Sizes | |
|---|---|
| iPhone 6s Plus and iPhone 6 Plus | 120×120 |
| iPhone 6s, iPhone 6, and iPhone SE | 80×80 |
| iPhone 5 and iPhone 4s | 80×80 |
| iPad Pro | 80×80 |
| iPad and iPad mini | 80×80 |
Settings icon
| Required Sizes | |
|---|---|
| iPhone 6s Plus and iPhone 6 Plus | 87×87 |
| iPhone 6s, iPhone 6, and iPhone SE | 58×58 |
| iPhone 5 and iPhone 4s | 58×58 |
| iPad Pro | 58×58 |
| iPad and iPad mini | 58×58 |
Toolbar and navigation bar icon
| Required Sizes | |
|---|---|
| iPhone 6s Plus and iPhone 6 Plus | About 66×66 |
| iPhone 6s, iPhone 6, and iPhone SE | About 44×44 |
| iPhone 5 and iPhone 4s | About 44×44 |
| iPad Pro | About 44×44 |
| iPad and iPad mini | About 44×44 |
Tab bar icon
| Required Sizes | |
|---|---|
| iPhone 6s Plus and iPhone 6 Plus | About 75×75 |
| iPhone 6s, iPhone 6, and iPhone SE | About 50×50 |
| iPhone 5 and iPhone 4s | About 50×50 |
| iPad Pro | About 50×50 |
| iPad and iPad mini | About 50×50 |
macOS X
Application Icons
Required sizes:
- 16×16
- 32×32
- 64×64
- 128×128
- 256×256
- 512×512
- 1024×1024
Toolbar icon PNG (recommended)
Required sizes:
- 32×32
- 32×32@2x (64×64)
Required sizes:
- 16×16
- 18×18
- 32×32
Required sizes:
- 16×16
- 16×16@2x
- 18×18
- 18×18@2x
- 32×32
- 32×32@2x
Windows 10
Microsoft didn’t publish any guidelines, so we had to read it in tea leaves follow the icon examples in the beta versions of the Windows OS and icon font introduced by Microsoft.
We have even created our own style guide for Windows 10 icons. Here’s what we found out:
Application Icons and Control Panel Items
The icons should be in .ico file format.
The full set should include the following icon sizes:
- 16×16
- 32×32
- 48×48
- 256×256
Toolbar Icons
Note that toolbar icons should always be flat.
- Windows 10: 32×32
- Windows 8: 16×16, 24×24, 32×32
Dialogs and Wizards
Required Sizes:
- 32×32
- 48×48
Windows Phone
These are the sizes for required icons in the XAP package and for Windows Phone Store.
| Application icon | 62×62 |
| Application tile image | 173×173 |
| Device application icon for Windows Phone Store catalog (small) | 99×99 |
| Device application icon for Windows Phone Store catalog (large) | 173×173 |
| Desktop application icon for Windows Phone Store catalog | 200×200 |
Android Lollipop, Marshmallow, Nougat, Oreo
Android starting with version 5 Lollipop uses the Material design specifications for icons.
And the prize for the most detailed icon style guide goes to… Google! They have patiently described everything: from corner shapes to shadow sizes and opacity. Here are just a few of the main ideas.
Application Icons
Android expects product icons to be provided at 48dp, with edges at 1dp. When you create the icon, maintain the 48-unit measure, but scale it to 400% at 192x192dp (the edge becomes 4dp).
System icons
These icons symbolize a command, file, device, directory, or common action like trash, print, and save.
System icons are displayed at 24dp. When creating icons, it’s important to design at 100% scale for pixel accuracy, while zooming in for precision.
Unix-like Operating Systems
It’s worth mentioning icon specifications from the work environments of Unix-like operating systems: GNOME and KDE. These apply to Linux, FreeBSD, and others.
GNOME Icons
GNOME uses a soft, three-dimensional look. This style is achieved by using antialiasing, shading, and highlighting techniques. The supported image file formats are PNG, XPM, and SVG. If your file’s format is not listed here, you can use an image converter to transform it into a proper format.
Bold denotes the primary size for Linux icons.
| Object and document icon | 24×24, 48×48, 96×96 |
| Application icon | 24×24, 48×48 |
| Toolbar icon | 24×24, 48×48 |
| Menu icon | 16×16 |
KDE Icons
KDE is the default work environment on many Linux distributions. They have no official guidelines for icons, but here’s what we found on various KDE forums.
| Desktop icon | 16×16,22×22,32×32,48×48,64×64,128×128,256×256 |
| Toolbar icon | 16×16,22×22,32×32,48×48 |
| Main toolbar icon | 16×16,22×22,32×32,48×48 |
| Panel icon | 16×16,22×22,32×32,48×48,64×64,128×128,256×256 |
| Dialog icon | 16×16,22×22,32×32,48×48,64×64,128×128,256×256 |
To use these icons elsewhere, like on a website or email, maximize them to no bigger than 400 × 100 pixels.
If you’re anything like us, all these dimensions are making you dizzy. Fortunately, we can use this list now, too.
I took some time to check it in detail. I created an icon whose images have sizes of 16, 24, 32, 40, 48, 64, 96, 128 and 256. Then I checked which image is shown. All these were done with normal 96dpi. If using a larger DPI, the larger sizes may be used (only checked this a bit in Windows 7). The results:
Windows XP:
- Explorer views:
- Details / List: 16
- Icons: 32
- Tiles / Thumbnails: 48
- Right-click->Properties / choosing a new icon: 32
- Quickstart area: 16
- Desktop: 32
Windows 7:
- Explorer views:
- Details / List / Small symbols: 16
- All other options: 256 (resized, if necessary)
- Right-click->Properties / choosing a new icon: 32
- Pinned to taskbar: 32
- Right-click-menu: 16
- Desktop:
- Small symbols: 32
- Medium symbols: 48
- Large symbols: 256 (resized, if necessary)
- Zooming using Ctrl+Mouse wheel: 16, 32, 48, 256
Windows Runtime: (from here)
- Main tile: 150×150, 310×150 (wide version)
- Small logo: 30×30
- Badge (for lockscreen): 24×24, monochromatic
- Splashscreen: 620×300
- Store: 50×50
So the result: Windows XP uses 16, 32, 48-size icons, while Windows 7 (and presumably also Vista) also uses 256-size icons. All other intermediate icon sizes are ignored (they may be used in some area which I didn’t check).
I also checked in Windows 7 what happens if icon sizes are missing:
The missing sizes are generated (obviously). With sizes of 16, 32, and 48, if one is missing, downscaling is preferred. So if we have icons with size 16 and 48, the 32 icon is created from the 48 icon. The 256 icon is only used for these if no other sizes are available! So if the icons are size 16 and 256, the other sizes are upscaled from the 16 icon!
Additionally, if the 256 icon is not there, the (possibly generated) 48 icon is used, but not resized anymore. So we have a (possibly large) empty area with the 48 icon in the middle.
Note that the default desktop icon size in XP was 32×32, while in Windows 7 it is 48×48.
As a consequence, for Windows 7 it is relatively important to have a 48 icon. Otherwise, it is upscaled from a smaller icon, which may look quite ugly.
Just a note about Windows XP compatibility: If you reuse the icon as window icon, then note that this can crash your application if you use a compressed 256 icon. The solution is to either not compress the icon or create a second version without the (compressed) 256 icon. See here for more info.