Choosing the Right Size and Format for Icons - herveyonves1962

Choosing the right icon size for individual operational systems (iOS, Microsoft, Android) is important, but IT may likewise cause headaches, depression, and different unpleasant side personal 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.

You can scroll down the page to a specific OS 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 Ice lolly, 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 system 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 a brief. They recommend the PNG format and the following sizes for icons:

Application Icon

	Required Sizes
iPhone 6s Summation and iPhone 6 Plus	180×180
iPhone 6s, iPhone 6, and iPhone Southeastward	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

Required size:

• 1024×1024

Spotlight search results icon

	Required Sizes
iPhone 6s Plus and iPhone 6 Plus	120×120
iPhone 6s, iPhone 6, and iPhone Sou'-east	80×80
iPhone 5 and iPhone 4s	80×80
iPad Pro	80×80
iPad and iPad miniskirt	80×80

Settings icon

	Required Sizes
iPhone 6s Asset and iPhone 6 Plus	87×87
iPhone 6s, iPhone 6, and iPhone SE	58×58
iPhone 5 and iPhone 4s	58×58
iPad Professional	58×58
iPad and iPad mini	58×58

Toolbar and navigation bar picture

	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 Favoring	Nigh 44×44
iPad and iPad mini	Well-nig 44×44

Tab bar icon

	Required Sizes
iPhone 6s Addition 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	Most 50×50

[link_button link="https://icons8.com/free-ios-7-icons-in-vector/#/web" text="Download iOS 9 Icons" array="central"]

macOS X

Practical application Icons

Required sizes:

• 16×16
• 32×32
• 64×64
• 128×128
• 256×256
• 512×512
• 1024×1024

---

Toolbar ikon PNG (recommended)

Required sizes:

• 32×32
• 32×32@2x (64×64)

---

Sidebar picture in PDF (recommended)

Required sizes:

• 16×16
• 18×18
• 32×32

---

Sidebar icon in PNG

Required sizes:

• 16×16
• 16×16@2x
• 18×18
• 18×18@2x
• 32×32
• 32×32@2x

Windows 10

Microsoft didn't publish whatsoever 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 off created our own style guide for Windows 10 icons. Here's what we found out:

Application Icons and Mastery Venire Items

The icons should be in .ico filing cabinet format.
The full set should include the followers icon sizes:

• 16×16
• 32×32
• 48×48
• 256×256

---

Toolbar Icons

Note that toolbar icons should ever be flat.

• Windows 10: 32×32
• Windows 8: 16×16, 24×24, 32×32

Dialogs and Wizards

Required Sizes:

• 32×32
• 48×48

[link_button link="https://icons8.com/Windows-8-icons/#/WWW" text="Download Windows 8 Icons"]

[link_button link="https://icons8.com/download-immense-windows8-rig/#/web" text="Download Windows 10 Icons"]

Android Sucker, 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 turning point shapes to shadow sizes and opaqueness. Here are just a a couple of of the main ideas.

Coating Icons

Android expects ware icons to be provided at 48dp, with edges at 1dp. When you create the icon, maintain the 48-whole measure, only scale it to 400% at 192x192dp (the edge becomes 4dp).

System icons

These icons symbolize a command, file, gimmick, directory, or common action like-minded trash, print, and save.

System icons are displayed at 24dp. When creating icons, information technology's important to design at 100% scale for pixel-truth, while zooming in for precision.

[link_button link="https://icons8.com/android-icons/" text="Download Material Icons"]

UNIX operating system-like Operating Systems

Information technology's worth mentioning icon specifications from the work environments of Unix-like operational systems: Dwarf and KDE. These apply to Linux, FreeBSD, and others.

GNOME Icons

GNOME uses a soft, tercet-dimensional look. This style is achieved by exploitation antialiasing, blending and highlighting techniques. The supported image file in formats are PNG, XPM, and SVG.

Bold denotes the primary size for Linux icons.

Targe and written document ikon	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 nonpayment make environment on many Linux distributions. They have nobelium 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 image	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

Windows Phone

These are the sizes for required icons in the XAP computer software and for Windows Call up Store.

Coating icon	62×62
Application program tile image	173×173
Twist lotion icon for Windows Call Store catalog (small)	99×99
Device application picture for Windows Phone Store catalogue (large)	173×173
Desktop covering image for Windows Telephone set Store catalogue	200×200

If you're anything like U.S.A, all these dimensions are fashioning you dizzy. Fortunately, we can use this list now, too.

Source: https://blog.icons8.com/articles/choosing-the-right-size-and-format-for-icons/

Posted by: herveyonves1962.blogspot.com

Share this post