TekRevue

  • Home
  • OS X
  • Windows
  • Mobile
  • Games
  • Reviews
  • Editorials
  • Tips
    • Windows
    • Mac
    • Mobile
  • Twitter
  • Facebook
  • Google+
  • Feed

 000

OS X / Tips

The Complete Guide to Using Custom Icons in OS X

By Jim Tanous on July 15, 2014 at 4:58 PM • @mggjim

How to Change the Finder Icon in OS X

The Finder is one of the “special” apps mentioned earlier, and it requires a different approach for changing its icon. Most custom Finder icons you download will include two PNG files: finder.png and finder@2x.png.

We need to place these files in a specific location within OS X’s Dock support files. Navigate to Macintosh HD/System/Library/CoreServices. Here, find the file called Dock.app, right-click, and choose Show Package Contents.

This will take you inside the Dock’s package file structure. From here, navigate to Dock.app/Contents/Resources. Here you’ll find the default finder.png and finder@2x.png files. Be sure to make a backup copy of these two files in case you wish to revert your Finder icon back to the default in the future. Unlike standard app icons, you can’t undo or delete the new Finder icon without replacing these files again.

Once you’re all set, copy the new icons into the Resources folder, choosing to overwrite the existing files when prompted. As we’re modifying a system file here, you’ll need to enter an administrator’s password to complete the operation.

As before, use the killall Dock command in Terminal to reload the Dock and see the new Finder icon. In some cases, however, you may have to reboot in order to see the change.

How to Change the Calendar Icon in OS X

OS X’s Calendar app (iCal in earlier versions of OS X) is another unique app that requires some special steps to change its icon. This is due to the live update feature that lets the app display the current date in its Dock icon.

Similar to custom Finder icons, any properly formatted Calendar icon you download will include two .icns files: App-empty.icns and App.icns. If you’re working with PNG files, you can use an app like Img2icns to convert PNGs to .icns files.

Once you have your custom App-empty and App icon files, quit Calendar if it’s open and then locate the Calendar.app file in the Applications folder. Right-click and select Show Package Contents and then continue navigating to Calendar.app/Contents/Resources. Here, you’ll find the original App-empty and App files. As recommended with Finder, make backup copies of these files in case you ever wish to restore the default icon.

When you’re ready, copy your new files into the Resources folder, choose to overwrite the existing files, and enter your administrator’s password if prompted.

But wait! We’re not yet done. There’s still one more file we need to replace. In the Resources folder, find Calendar.docktileplugin. Open it, and navigate to Contents/Resources. Here, you’ll find another App-empty.icns file. Copy your custom App-empty file here, too, and once again overwrite the existing file.

Quit and relaunch Calendar, or use the killall Dock Terminal command to see the new Calendar icon show up on your Dock.

How to Change the Trash Icon

Yes, you can even customize the Dock Trash Can in OS X. In our example, we’ll be using the new Trash icon from the OS X Yosemite developer builds.

Once again, you’ll need to replace multiple files for the Trash icon, accounting for both empty and full designs in both standard and Retina 2X resolutions. The Trash icon files are located in the same folder as the Finder icons:

Macintosh HD/System/Library/CoreServices/Dock.app/Contents/Resources

Remember to right-click on Dock.app and choose Show Package Contents in order to continue navigating past that point. Here, you’ll find four files that you need to replace:

  • trashempty.png
  • trashempty@2x.png
  • trashfull.png
  • trashfull@2x.png

Most custom Trash icons you download will include these four files. If you’re working with custom images, simply format and name your files appropriately.

Make backup copies of the original files in case you wish to revert to the default Trash icon in the future. Then copy your custom Trash icons into the Resources folder, choose to overwrite the existing files, and enter your Admin password. Again, head to Terminal and use the killall Dock command to reset the Dock and see your new Trash icon in action.

Where to Find Custom OS X Icons

As mentioned earlier, OS X lets you use almost any PNG or JPEG image file as a custom icon, but if you’re artistically challenged like us, you’ll want to utilize some of the thousands of beautifully designed custom icons made by talented Apple fans from all over the world. Here’s a list of some of our favorite sites for finding cool new OS X icons.

  • deviantART
  • MacRumors “Flat Icons” Thread
  • InterfaceLIFT
  • Iconfactory

Let us know in the comments if you have additional resources we should include.

Featured image via AlienValley/deviantART

Want news and tips from TekRevue delivered directly to your inbox? Sign up for the TekRevue Weekly Digest using the box below. Get tips, reviews, news, and giveaways reserved exclusively for subscribers.

Previous1 2Next

 000

  • Categories: OS X / Tips
  • Tags: #How To #Icons #OS X #Tips #UI Customization

Sign Up for the TekRevue Weekly Digest

Read more in OS X or Tips on TekRevue

  • mac keyboard command control
    How to Switch the Command and Control Keys on Your Mac Keyboard

    Filed Under: OS X

  • How to Format Skype Text Chats

    Filed Under: Tips

  • chrome for mac os x
    How to Test Chrome’s Native Notifications for Mac

    Filed Under: Tips

  • Emilie

    Hi there!
    I already changed my different icons (thanks for your help! 😉 ), but before upgrading to Yosemite, I was wondering if it will change everything again…
    Thank you in advance for your feedback!

    • http://www.tekrevue.com/ TekRevue

      Yes, unfortunately. Whenever you update OS X, system apps will revert to their default icons. The same thing will usually happen if you update a third party app. Just keep your custom icons handy and you can quickly switch back after you upgrade.

  • JMSJMS

    After upgrading to Yosemite the above procedure doesn’t work for me. I get the default Jpeg image instead of the actual pic. Any ideas?

    • Will

      bump. Same experience here for Yosemite. Method above does not work.

      • HELP

        Do u mean me or the article

    • HELP

      You have to go to finder then get info then click on the pic in the top left hand corner of the screen and paste your pic in its place in addition to what he says up there

  • JMSJMS

    Tek Revue, the issue is that we can’t use images any more since upgrading to Yosemite. It goes to default jpeg icon instead of showing the picture. For us the function above is no longer available with yosemite. Can you advise? Thanks

    • Johnny Jenn

      There is any easy to use app available from freemacsoft called Liteicon. Download it
      and give it a try. Free with donations accepted.

  • Kristoffer Engdahl

    Use these ones :)
    http://imgur.com/a/g0RV4

  • HELP

    I changed the finder icon but can’t change it back HELP it was one someone else’s computer as a joke

  • http://www.tomspee.nl Tom Spee

    I followed your instructions for the Calendar icon (I changed it once and wanted to change it back) but can’t get it working. All 3 .icns files are different by my Dock shows and empty icon, only the date is shown. What am I doing wrong?

    • http://www.tekrevue.com/ TekRevue

      Hi Tom,

      Just to clarify, you restored the default app.icns and app-empty.icns in both Calendar > Contents > Resources and in Calendar > Contents > Resources > Calendar.docktileplugin > Contents > Resources and now your Calendar app has an empty dock icon?

      After restoring the files, did you use killall Dock in Terminal? Also, try a reboot in case there is some caching going on.

      • http://www.tomspee.nl Tom Spee

        I got it working, I forgot to make the “empty” icon really empty. I only erased the number, not “Jul”. I created new .png files and converted them to .icns and now it’s working. Thanks.

  • Julie Smith

    Don’t know where I messed up, but my trash icon disappeared completely… it never gave me an option to overwrite files. What do I do? Please help.

  • Marina

    I upgraded to Yosemite and all my icons are gone except for iTunes. I really like the new iTunes default icon and I’d like to use it but I can’t revert to orginal? How can I get rid of the custom icon?

    • http://www.tekrevue.com/ TekRevue

      Hi Marina,

      You can restore the original icon by loading the “Get Info” window for the app as discussed in the article, selecting the small icon at the top-left of the Get Info window, and pressing Delete or Backspace on your keyboard. The custom icon should disappear and be replaced by the original, default application icon.

  • Vina

    Hi! I have a MacBook Air running on OS X El Capitan and I have three different accounts (if you don’t count “guest”) on my computer. I am admin, and the other two are standards accounts. I have followed the directions on changing the icon for finder, and on the two other accounts, it shows, but on mine, it stays as the original icon. I’m very confused and haven’t found the solution to this anywhere. Can anyone help? Thanks in advance :).

  • Sheldon Buchler

    I would like to add that in some cases the Finder icon won’t update even after a restart. The solution is to remove /Users/username/Library/Preferences/com.apple.dock.plist (I suggest backing it up to the desktop rather than deleting it.) By removing it and then restarting the dock, the Finder icon finally updated to my new icon.

Search

Related Articles

  • ipad controller game
    How to Set Up and Game With an iOS Controller on Your iPhone or iPad
  • How to Scan & Fix Hard Drives with CHKDSK in Windows 10
  • ipad pro true tone display
    How to Disable True Tone Display on the 9.7-inch iPad Pro

Connect with TekRevue

  • TekRevue on Twitter
  • TekRevue on Facebook
  • TekRevue on Google+
  • Cheats
  • Deals
  • Distractions
  • Editorials
  • Gadgets
  • Games
  • Giveaway
  • Hardware
  • Mobile
  • News
  • More in OS X
  • Podcast
  • Reviews
  • Sponsor
  • Tips
  • Windows
  • How to Switch the Command and Control Keys on Your Mac Keyboard
  • ps4 remote play mac
    How to Change PS4 Remote Play Resolution & Frame Rate on the Mac
  • How to Disable Automatic Updates in OS X El Capitan
  • mac os x custom resolutions
    How to Set Custom Resolutions for External Displays in Mac OS X
  • itunes-movies-metadata
    How to Add Detailed Metadata to Ripped Movies in iTunes
  • safari responsive design mode
    Test Your Website’s Mobile Layout With Safari Responsive Design Mode
  • mac os x help window
    How to Stop the OS X Help Window from Staying on Top
  • delete zip file mac
    How to Automatically Delete Zip Files When Opened in Mac OS X
  • mac uptime
    How to Find Mac Uptime in OS X
  • map location pin
    How to Manually Add a Location to Your Images in Photos for Mac
  • macbook-dual-monitor
    How to Move the Dock to a Another Monitor in OS X El Capitan
  • gatekeeper el capitan
    How to Permanently Disable Gatekeeper in OS X El Capitan
  • el capitan transparency
    How to Reduce Transparency in OS X El Capitan
  • replace login screen wallpaper os x el capitan
    How to Replace the OS X El Capitan Login Screen Wallpaper
  • Mac OS X Dock
    How to Dim Hidden Mac App Icons in the Dock
  • file-path-mac
    OS X El Capitan: How to Copy a File Path in Finder
  • raid os x el capitan
    How to Create RAID Volumes in OS X El Capitan
  • using macbook trackpad
    How to Turn Off Force Touch in OS X El Capitan
  • shake cursor large os x el capitan
    How to Stop Your Cursor from Getting Bigger in OS X El Capitan
  • split view not working
    El Capitan’s Split View Not Working? Check This Option in System Preferences

Tips

  • Apps
  • Gaming
  • Mac
  • Mobile
  • Online
  • Windows
  • How to Format Skype Text Chats
  • chrome for mac os x
    How to Test Chrome’s Native Notifications for Mac
  • office 365 installer
    How to Install the Older Office 2013 via Office 365
  • itunes 12 separate download window
    iTunes 12: How to Show a Separate iTunes Downloads Window
  • ipad controller game
    How to Set Up and Game With an iOS Controller on Your iPhone or iPad
  • ps4 remote play mac
    How to Change PS4 Remote Play Resolution & Frame Rate on the Mac
  • steam trash
    How to Remove a Game From Your Steam Library
  • xbox one elite controller
    How to Use Custom Button Mapping on the Xbox One
  • How to Switch the Command and Control Keys on Your Mac Keyboard
  • disable automatic updates el capitan
    How to Disable Automatic Updates in OS X El Capitan
  • mac os x custom resolutions
    How to Set Custom Resolutions for External Displays in Mac OS X
  • itunes-movies-metadata
    How to Add Detailed Metadata to Ripped Movies in iTunes
  • How to Use and Customize Safari Reader in iOS
  • ipad controller game
    How to Set Up and Game With an iOS Controller on Your iPhone or iPad
  • ipad pro true tone display
    How to Disable True Tone Display on the 9.7-inch iPad Pro
  • sunset location services
    Enable Location Services to Use Night Shift’s ‘Sunset to Sunrise’ Option
  • youtube loop
    How to Loop YouTube Videos
  • netflix bandwidth data usage
    How to Reduce Netflix Bandwidth Usage to Avoid ISP Data Caps
  • netflix autoplay
    How to Stop Netflix From Automatically Playing the Next Episode
  • distracted man computer
    How to Turn Off Distraction-Free Mode in WordPress
  • chkdsk windows 10
    How to Scan & Fix Hard Drives with CHKDSK in Windows 10
  • windows 10 login screen
    How to Skip the Windows 10 Login Screen and Log Into Your User Account Automatically
  • laptop apps
    How to Organize and Remove Apps from the Windows 10 Start Menu ‘All Apps’ List
  • windows-defender-icon-metro
    Windows 10: How to Quickly Scan a File or Folder with Windows Defender
Company
  • About TekRevue
  • Get in Touch
  • Sponsorships

Sign Up for the TekRevue Weekly Digest

© TekRevue LLC. All Rights Reserved.

  • TekRevue User Agreement
  • TekRevue Privacy Policy

Built by Blazer Six