Ios Human Interface Guidelines App Icon

Text in icons is often too small so avoid it when you can.

Ios human interface guidelines app icon. System icons ios 12 and earlier in ios 13 or later prefer using sf symbols to represent tasks and types of content in your app. The system provides built in icons that represent common tasks and types of content in a variety of use cases. Avoid text in your icons.

If you have a companion app maintain some similarity between your watchos and ios app icons. 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 your app is running in ios 12 or earlier follow the guidance below.

A consistent app implements familiar standards and paradigms by using system provided interface elements well known icons standard text styles and uniform terminology. It s a good idea to use these built in icons as much as possible because they re familiar to people. The app incorporates features and behaviors in ways people expect.

If it provides value in your app you can let people select an alternate app icon from a set of predefined icons that are embedded within your app. Ios provides lots of small icons representing common tasks and types of content for use in navigation bars tab bars toolbars and home screen quick actions. Both icons should clearly identify your app ideally they should match your app icon.

Every app should provide a small icon that ios can display when the app name matches a term in a spotlight search. Photo realistic app icons however look best as pngs. Provide alternative text labels for icons.

Use pdf for glyphs and other flat vector artwork that requires high resolution scaling. Use the 8 bit color palette for png graphics that don t require full 24 bit color.