App Icon

Beautiful app icons are an important part of the user experience on all Apple platforms. A unique, memorable icon evokes your app and can help people recognize it at a glance on the desktop, in Finder, and in the Dock. Polished, expressive icons can also hint at an app’s personality and even its overall level of quality.

In macOS 11, app icons share a common set of visual attributes, including the rounded-rectangle shape, front-facing perspective, level position, and uniform drop shadow. Rooted in the macOS 11 design language, these attributes showcase the lifelike rendering style people expect in macOS while presenting a harmonious user experience. To download templates that specify the correct shape and drop shadow, see Apple Design Resources.

Although it’s possible to produce icons that extend to the full height of the Touch Bar, icons generally should not exceed 44px in height (36px for circular icons). Keep icons optically centered. Crop artwork to match the icon’s width, then add padding as needed to keep. Mintab Glyph for iOS. Sorry we couldn't find any matches for apple. Make sure the spelling is correct. Try removing the search filter options. Use less keywords. You can try one of these categories.

Microsoft office 2011 mac free upgrade to 2013. IMPORTANT When you update your app for macOS 11, use your new app icon design to replace the icon you designed for earlier versions. You can’t include two different app icons for one app, and the macOS 11 app icon style looks fine on a Mac running Catalina or earlier.

Design a beautiful icon that clearly represents your app. Combine an engaging design with an artistic interpretation of your app’s purpose that people can instantly understand.

Embrace simplicity. Find a concept or element that captures the essence of your app and express it in a simple, unique way, adding details only when doing so enhances meaning. Too many details can be hard to discern and can make the icon appear muddy, especially at smaller sizes.

Establish a single focus point. A single, centered point of interest captures the user’s attention and helps them recognize your app at a glance. Presenting multiple focus points can obscure the icon’s message.

To give people a familiar and consistent experience, prefer a design that works well across multiple platforms. If your app runs on other platforms, use a similar image for all app icons while rendering them in the style that’s appropriate for each platform. For example, in iOS and watchOS, the Mail app icon depicts the white envelope in a streamlined, graphical style; in macOS 11, the envelope includes depth and detail that communicate a realistic weight and texture.

macOS 11

Consider depicting a familiar tool to communicate what people use your app to do. To give context to your app’s purpose, you can use the icon background to portray the tool’s environment or the items it affects. For example, the TextEdit icon pairs a mechanical pencil with a sheet of lined paper to suggest a utilitarian writing experience. After you create a detailed, realistic image of a tool, it often works well to let it float just above the background and extend slightly past the icon boundaries. If you do this, make sure the tool remains visually unified with the background and doesn’t overwhelm the rounded-rectangle shape.

Make real objects look real. If you depict real objects in your app icon, make them look like they’re made of physical materials and have actual mass. Replicate the characteristics of substances like fabric, glass, paper, and metal to convey an object’s weight and feel. For example, the Xcode app icon features a hammer that looks like it has a steel head and polymer grip.

If text is essential for communicating your app’s purpose, consider creating a graphic abstraction of it. Actual text in an icon can be difficult to read and doesn’t support accessibility or localization. To give the impression of text without implying that people should zoom in to read it, you can create a graphic texture that suggests it.

To depict photos or parts of your app’s UI, create idealized images that emphasize the features you want people to notice. Photos are often full of details that obscure the main content when viewed at small sizes. If you want to use a photo in your icon, pick one with strongly contrasting values that make the main subject stand out. Remove unimportant details that make primary lines and shapes fuzzy or indistinct. If your app has a UI that people recognize, avoid simply replicating standard UI elements or using a screenshot in your icon. Instead, consider designing a graphic that echoes the UI and expresses the personality of your app.

Don’t use replicas of Apple hardware products. Apple products are copyrighted and can’t be reproduced in your icons or images. Avoid displaying replicas of devices, because hardware designs tend to change frequently and can make your icon look dated.

Use the drop shadow in the icon-design template. The template includes the system-defined drop shadow that helps your app icon coordinate with other macOS 11 icons.

Consider using interior shadows and highlights to add definition and realism. For example, the Mail app icon uses both shadows and highlights to give the envelope authenticity and to suggest that the flap is slightly open. In icons that include a tool that floats above a background — such as TextEdit or Xcode — interior shadows can strengthen the perception of depth and make the tool look real. Shadows and highlights should suggest a light source that faces the icon, positioned just above center and tilted slightly downward.

Avoid defining contours that suggest a shape other than a rounded rectangle. In rare cases, you might want to fine-tune the basic app icon shape, but doing so risks creating an icon that looks like it doesn’t belong in macOS 11. If you must alter the shape, prefer subtle adjustments that continue to express a rounded rectangle silhouette.

Consider adding a slight glow just inside the edges of your icon. If your app icon includes a dark reflective surface, like glass or metal, add an inner glow to make the icon stand out and prevent it from appearing to dissolve into dark backgrounds.

Keep primary content within the icon grid bounding box; keep all content within the outer bounding box. If an icon’s primary content extends beyond the icon grid bounding box, it tends to look out of place. If you overlay a tool on your icon, it works well to align the tool’s top edge with the outer bounding box and its bottom edge with the inner bounding box, as shown below.

In addition to the bounding boxes and suggested tool placement, the icon design template provides a grid to help you position items within an icon. You can also use the icon grid to ensure that centered inner elements like circles use a size that’s consistent with other icons in the system.

App Icon Attributes

All app icons should use the following specifications.

Don’t provide app icons in ICNS or JPEG format. The ICNS format doesn’t support features like wide color gamut or deliver the performance and efficiency you get when you use asset catalogs. JPEG doesn’t support transparency through alpha channels, and its compression can blur or distort an icon’s images. For best results, add deinterlaced PNG files to the app icon fields of your Xcode project’s asset catalog.

App Icon Sizes

Your app icon is displayed in many places, including in Finder, the Dock, Launchpad, and the App Store. To ensure that your app icon looks great everywhere people see it, provide it in the following sizes:

• 512x512 pt (512x512 px @1x, 1024x1024 px @2x)
• 256x256 pt (256x256 px @1x, 512x512 px @2x)
• 128x128 pt (128x128 px @1x, 256x256 px @2x)
• 32x32 pt (32x32 px @1x, 64x64 px @2x)
• 16x16 pt (16x16 px @1x, 32x32 px @2x)

Maintain visual consistency in all icon sizes. As icon size decreases, fine details become muddy and hard to distinguish. At the smallest sizes, it’s important to remove unnecessary features and exaggerate primary features to help the content remain clear. As you simplify icons that are visually smaller, don’t let them appear drastically different from their larger counterparts. Strive to make subtle variations that ensure the icon remains visually consistent when displayed in different environments. For example, if people drag your icon between displays with different resolutions, the icon’s appearance shouldn’t suddenly change.

The 512x512 pt Safari app icon (on the left) uses a circle of tick marks to indicate degrees; the 16x16 pt version of the icon (on the right) doesn’t include this detail.

The Apple Watch shows a bunch of different status icons at the top of the screen, including – the enigmatic red dot icon – to provide users essential information directly from the watch face.

Apart from displaying them at the top of your Apple Watch’s dial, it also contains several more in watch’s Control Center.

So, if you’ve recently made a switch from Android to Apple watch, there are chances that you might get confused about them just as much as I was when I first started using one.

Well, worry no more! Here’s the definitive guide to help you understand what the status icons and symbols at the top of your Apple Watch screen actually mean.

Status Icons on Apple Watch:

The Apple watch status icons and symbols are displayed without an accompanying text which makes it difficult for beginners to interpret them. Here’s an annotated list of all unknown watchOS 6 icons:

1. Red Dot Icon

This red dot icon on your Apple watch screen appears whenever you have an unread notification. To read a new notification, you can swipe down from the top of the watch face.

2. Charging Icon

The small green lightning bolt icon at the top of the screen indicates that your Apple Watch is currently charging.

3. Low Battery Icon

The red lightning bolt symbol appears on the screen whenever your Apple watch battery is low and needs charging.

4. Airplane Mode Icon

This icon indicates that Airplane mode is turned on. You will not be able to use Wireless features on your watch until you turn Airplane Mode off.

And even though you turn Airplane setting off on your Apple watch, it remains enabled for your iPhone.

5. Do Not Disturb Icon

This half-moon icon appears whenever Do Not Disturb mode is enabled on your watch. If this icon is visible, it means that calls and other notifications won’t ring or light up your Apple Watch home screen. However, this setting won’t have any effect on the alarms sound; they will continue to ring.

Read More: 16 Best Free Apple Watch Games You can Play in 2020

6. Lock Icon

If you’re seeing a lock symbol at top of the display, it means the Apple Watch is locked and you will require to enter the passcode to unlock the screen.

7. Water Lock Icon

The icon indicates that the Water lock mode is turned on. Your Apple Watch automatically locks the display whenever you start doing swimming exercises to prevent accidental touches. Once you’re done, press or rotate the Digital Crown to unlock the display and clear water droplets from your watch.

Note: The water drop icon is available for only Apple Watch Series 2 and newer models.

8. Theater Mode Icon

This icon appears when the Theater Mode is turned on. Once enabled, it keeps your Apple Watch silent and its display dark until you wake it intentionally by tapping on the watch’s screen or turning the Digital Crown.

9. Workout Icon

The icon of a running man appears at the top of the screen whenever you’re using a workout app. After completing a workout, restart your Apple Watch.

10. No Cellular Network Icon

This Red Cross icon indicates that your Apple Watch GPS + Cellular models has lost connection or signal to the cellular network.

Icons For Apple Macbooks

11. Disconnect Icon

If you’re seeing this icon on your screen, it means your Apple Watch and iPhone device are not connected. This problem may arise if your paired iPhone isn’t close enough to your watch, or when Wi-Fi and Bluetooth are turned off on the iPhone.

12. Connected Icon

This icon signifies that your Apple Watch is properly connected or paired with your iPhone device.

13. Wi-Fi Icon

This icon appears in the Control Center whenever your Apple Watch connects to a Wi-Fi network instead of your iPhone connection.

14. LTE Icon

The number of green dots denotes the signal strength with the connected cellular network.

15. Wireless Activity Icon

This icon appears on your Apple Watch screen when some sort of wireless activity is happening.

16. Microphone Icon

The Apple Watch’s microphone icon indicates that the audio is being recorded in the background.

17. Now Playing Icon

The Now Playing icon appears at the top of the screen when you play audio on your watch or paired iPhone through the music and podcasts app.

18. Call Icon

This small green phone call icon appears at the home screen of Apple Watch while you’re talking with someone via watch or paired iPhone device.

19. Maps Icon

You can tap the Maps icon from the home screen to open the maps app on your watch to get directions.

Icons For Apple Mac Air

20. Navigation Icon

This icon appears at the top of the Apple watch’s dial when you use third-party apps to get voice guided navigation. Restart your watch if the navigation icon remains on the screen after you’ve stopped using an app.

21. Walkie-Talkie Icon

You can talk with your friends instantly by adding them to the Walkie-Talkie app. Tap on this round-shaped yellow icon to open the Walkie-Talkie app on your watch.

Read More: How to Use Walkie-Talkie on Your Apple Watch

22. Location Indicator Icon

This arrow-type icon appearing on your screen means that an app is using location services on your Apple Watch.

23. AirPlay Icon

About Apple Mac

This Air-play icon is available inside the watch’s Control Center which allows you to choose your favorite audio output and switch it between Apple Watch speakers and AirPods or Bluetooth headphones.

Read More: 13 Best Apple Watch Alternatives in 2020

So, this was all folks! You may find all of these aforementioned watchOS 6 icons at the top of your Apple Watch screen, or in places like Control Center. Hope this article helped you learn the meaning of all Apple watch status icons and symbols.

Icon Apple Macos

If you think we missed out on any symbol, let us know in the comments section below, we will be happy to add them to the list.