Custom Icons For Mac

admin 12/12/2021
Make your Mac invincible
  • Folder Icon Creator is an app to customize the icons on your Mac. The program comes pre-bundled with hundreds of icons that you can use to create custom folder icons and custom file icons on your Mac.
  • Avoiding Blurry Custom Icons In macOS Mojave A common complaint from Mojave users is that when you copy and paste a file icon to create a custom icon for a file or folder, the result is blurry. It turns out that this only happens when the icon image is not square.

Automatically Change the Wallpaper Every Few Hours, or Days. When it comes to computer. Create custom icons for files or folders on Mac You can create a custom icon for any file or folder using your own pictures, icons downloaded from the web, or the icon from another file or folder. Use your own picture or a picture from the web On your Mac, copy the picture you want to use to the Clipboard.

Get Setapp, a toolkit with fixes for all Mac problems

Without a doubt, the menu bar is one of Mac’s great features. It’s condensed, easy to tap into on the fly, and displays much-needed information in real time.

But, with every new icon app added, things become a little more cluttered and usability takes another hit. Fortunately, it’s possible to edit the menu bar to rearrange and remove icons so that it’s able to suit your needs at any given moment. Read on for the best ways to make the menu bar on Mac truly yours.

A tool that perfects menu bar

Rethink the menu bar with this app. Bartender customizes one of the main parts of Mac's interface, efficiently.

How to rearrange items in menu bar

How much freedom you have to rearrange items in menu bar depends on which version of macOS you’re running. The users of macOS Sierra and later definitely have more creative license here than others. And if you are not there yet, it’s time to upgrade to the newest macOS anyway.

Rearranging menu items in macOS

To move an icon in the menu bar, hold Command (cmd), then click and hold the icon to drag it across the bar. Simple.

There are no restrictions here — feel free to move icons anywhere you see fit. Don’t like the clock all the way over there on the right-hand side? Drag it to somewhere more suitable. Want to place the Setapp icon over to the area of the bar once reserved for first-party apps? Do it!

The only icon that cannot be tampered with is the Notification Center. Apple has decided this must remain in the far right corner of the menu, which is fair enough — it looks good there.

Rearranging menu items in OS X versions (El Capitan and older)

Movement of icons in old versions of macOS is reserved for selected apps only: Bluetooth, audio, Time Machine, WiFi, battery, clock, and user switching. Spotlight and Notification Center must stay put, as must all third-party apps.

To move icons around within the designated area, once again hold Command, then click and hold the icon to drag it.

How to remove icons from the top bar on Mac

If there are items in the menu bar that you feel don’t belong there, hold Command, click on the icon, and drag it outside of the menu bar.

Note: this only works for first-party icons.

It is possible to remove third-party icons from the top bar on Mac by clicking on them and selecting “Quit” or “Close,” but this will stop the app from working until you reopen it.

Some apps give the option to remove icons from the top bar on Mac in their settings: [chosen app] > Preferences. However, a lot of apps won’t. To fully customize which icons appear in the menu bar, you should use a third-party app like Bartender.

If you’ve removed the first-party app and you’d like it back on the menu, it can be re-enabled in System Preferences.

How to add icons to the top bar on Mac

If you’re missing a specific system icon in the Mac’s menu bar, you can add it through System Preferences. For instance, to enable the Language icon, select Language & Region in the preference pane, click Input Sources, and check the box next to “Show Input menu in menu bar.”

Add menu bar extras

Because the menu options like Clock and Ink can’t be found in System Preferences, you might need to use the System folder as well:

  1. Open Finder.
  2. Select Go > Go to Folder from the menu bar.
  3. Type a path: /System/Library/CoreServices/Menu Extras.
  4. Double-click an item and it will instantly appear in your menu bar.

You can easily remove any of the icons by holding Command and dragging it outside of the menu bar as described above.

How to customize and tidy Mac menu bar

It’s possible to change the look of the default menu bar items in System Preferences and third-party apps’ ones in their respective preferences. Most of the time, you’ll be able to at least switch the color to black and white.

Change how the date and time are displayed in the menu bar

In the right corner of your menu bar, click on date and time to Open Date & Time Preferences. Go to the Clock tab and unlock the preferences by entering your administrator password, so that you can make changes. To customize the look of the clock, choose between two different time display options: Digital or Analog. You can also tick the boxes for “Show date” and “Show the day of the week.”

To instantly toggle between different display options, click on date and time in the menu bar and choose “View as Analog” or “View as Digital.”

How to use your battery status on Mac

Keeping track of your battery life from the menu bar takes a few simple actions and yet is vital to Mac’s performance.

Click on the battery icon and tick Show percentage to see how much battery power you have left. In the same drop-down menu, you can check the programs that are using significant power in case your battery is draining too fast. To optimize battery usage, select “Open Energy Saver Preferences” and adjust sleep settings.

Toggle between fast user switching icons

There are three different options on how the Fast User Switching menu can be displayed in your Mac’s top bar – as a full name, account name or icon. Here’s how you do the customization:

  1. Click on the icon and open Users & Groups Preferences.
  2. Enter your password to unlock.
  3. Select Login Options in the bottom left corner of the Users & Groups.
  4. Go to “Show fast user switching menu” and pick one of the options.
  5. Untick the box if you prefer to remove the icon from the menu bar.

Show Wi-Fi status in the menu bar

To enable the Wi-Fi icon in your Mac’s top bar, go to System Preferences and select Network. Tick the box next to “Show Wi-Fi status in menu bar.”

How to replace menu bar app icons

If you want to have custom icons in your Mac’s menu bar, there’s a way to replace the default ones. To change the icon of a third-party app, find it in Applications, right-click to open a context menu, and choose “Show Package Contents.” Go to Resources folder to find the defaults – these can be used as templates for the new icons. Once you have a custom icon ready, simply copy it into the same Resources folder.

The same works for system icons, except you won’t find all of them in Applications. Here’s the path for you to take: Hard Disk > System > Library > CoreServices > Menu Extras. Once you’ve found the item you need, click on “Show Package Contents” and navigate to the icon via [MENUITEM.menu] > Contents > Resources.

In both cases, it’s a good idea to create backups of the default icons before replacing them – just in case you’ll need them later.

Hide menu bar items

One low-key feature on Mac is the ability to auto-hide menu bar. To do this, open System Preferences > General. Check the option to “Automatically hide and show the menu bar” and the menu bar will immediately disappear.

To get the menu bar to show up again, simply move the cursor to the top of the screen and hold it there for a second. Now you can access the menu whenever you need it and enjoy an extra bit of screen real estate when you don’t.

Customizing the menu bar with Bartender

If you want more control over how the menu bar looks and what it does, you should consider using the Bartender app.

Bartender lets you hide icons without quitting and rearrange icons in a way that better suits how you use the menu bar — something particularly useful if you’re running an older version of macOS.

App icons can be displayed when updating, shown in the Bartender Bar only, or hidden completely and accessed easily using a built-in search function. It’s even possible to toggle through and activate items using keyboard navigation.

If you’re someone that prefers a minimalist look, the app gives you the option to remove the Bartender menu item, leaving you with a crisp, clean menu bar.

Overall, the Mac menu bar is there to help you improve your productivity by giving you quick access to the apps and tools you need. Using the tips above, you can customize the menu bar in a way that works for you. Best of all, you can get full access to Bartender and over 150 more high-quality macOS apps on Setapp, with a 7-day free trial to get you started. So why not get your menu bar organized now?

Setapp lives on Mac and iOS. Please come back from another device.

Meantime, prepare for all the awesome things you can do with Setapp.

Read on

Sign Up

Setapp uses cookies to personalize your experience on our website. By continuing to use this site, you agree to our cookie policy.

Custom Icons (iOS 12 and Earlier)

In iOS 13 or later, prefer using SF Symbols to represent tasks and modes in your app. If your app is running in iOS 12 or earlier, or if you need to create custom bitmap icons, follow the guidance below.

Create recognizable, highly-simplified designs. Too many details can make an icon confusing or unreadable. Strive for a simple, universal design that most people will recognize quickly and won’t find offensive. The best icons use familiar visual metaphors that are directly related to the actions they initiate or content they reveal.

Glyph

Design icons as glyphs. A glyph, also known as a template image, is a monochromatic image with transparency, anti-aliasing, and no drop shadow that uses a mask to define its shape. Glyphs automatically receive the appropriate appearance—including coloring, highlighting, and vibrancy—based on the context and user interactions. A variety of standard interface elements support glyphs, including navigation bars, tab bars, toolbars, and Home screen quick actions.

Mac

Prepare glyphs with a scale factor of @2x and save them as PDFs. Because PDF is a vector format that allows for high-resolution scaling, it's typically sufficient to provide a single @2x version in your app and allow it to scale for other resolutions.

Keep your icons consistent. Whether you use only custom icons or mix custom and system icons, all icons in your app should be the same in terms of level of detail, optical weight, stroke weight, position, and perspective.

Make sure icons are legible. In general, solid icons tend to be clearer than outlined icons. If an icon must includes lines, coordinate the weight with other icons and your app's typography.

Use color to communicate selected and deselected states. Avoid toggling between two different icon designs, like a solid version and an outlined version.

Avoid including text in an icon. If you need text, display a label beneath the icon and adjust its placement accordingly.

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

Provide alternative text labels for icons. Alternative text labels aren’t visible onscreen, but they let VoiceOver audibly describe what's onscreen, making navigation easier for people with visual impairments.

Custom Icon Sizes

Above all, your app's icon family should be visually consistent in size. If individual icon designs vary in weight, some icons may need to be slightly larger than others to achieve this effect.

Home Screen Quick Action Icon Size

A Home screen quick action icon appears next to the title. If you need to create a custom icon for your Home screen quick action, use the following sizes for guidance.

Maximum width and height
104px × 104px (34.67pt × 34.67pt @3x)
70px × 70px (35pt × 35pt @2x)
Target width and height
80px × 80px (26.67pt × 26.67pt @3x)
54px × 54px (27pt × 27pt @2x)
Target width (wide glyphs)
88px (29.33pt @3x)
60px (30pt @2x)
Target height (tall glyphs)
88px (29.33pt @3x)
60px (30pt @2x)

Navigation Bar and Toolbar Icon Size

Use the following sizes for guidance when preparing custom navigation bar and toolbar icons, but adjust as needed to create balance.

Target sizesMaximum sizes
72px × 72px (24pt × 24pt @3x)84px × 84px (28pt × 28pt @3x)
48px × 48px (24pt × 24pt @2x)56px × 56px (28pt × 28pt @2x)

Tab Bar Icon Size

In portrait orientation, tab bar icons appear above tab titles. In landscape orientation, the icons and titles appear side-by-side. Depending on the device and orientation, the system displays either a regular or compact tab bar. Your app should include custom tab bar icons for both sizes.

Target width and height (circular glyphs)

Custom Icons For Samsung

Regular tab bars Compact tab bars
75px × 75px (25pt × 25pt @3x)54px × 54px (18pt × 18pt @3x)
50px × 50px (25pt × 25pt @2x)36px × 36px (18pt × 18pt @2x)

Custom Icons For Pc

Target width and height (square glyphs)

Regular tab bars Compact tab bars
69px × 69px (23pt × 23pt @3x)51px × 51px (17pt × 17pt @3x)
46px × 46px (23pt × 23pt @2x)34px × 34px (17pt × 17pt @2x)

Target width (wide glyphs)

Change Icons For Mac

Regular tab bars Compact tab bars
93px (31pt @3x)69px (23pt @3x)
62px (31pt @2x)46px (23pt @2x)
Custom Icons For Mac

Free Mac Icons For Computer

Target height (tall glyphs)

Regular tab bars Compact tab bars
84px (28pt @3x)60px (20pt @3x)
56px (28pt @2x)40px (20pt @2x)