TekRevue

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

 530

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

 530

  • 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

  • office 365 installer
    How to Install the Older Office 2013 via Office 365

    Filed Under: Tips

  • How to Stop Your Cursor from Getting Bigger in OS X El Capitan

    Filed Under: OS X

  • split view not working
    El Capitan’s Split View Not Working? Check This Option in System Preferences

    Filed Under: OS X

  • 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.

Search

Related Articles

  • frankenspiel fs-x bluetooth speaker
    Frankenspiel FS-X Bluetooth Speakers: Big Sound from a Tiny Package
  • record 4k iphone 6s
    How to Record 4K Video on the iPhone 6s
  • startech docking station usb 3.0 two laptops
    StarTech USB 3.0 Docking Station for Two Laptops

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
  • 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
  • os x el capitan
    New in OS X El Capitan: How to Hide the Menu Bar
  • finder file path directories
    How to Show the Current Path in the Finder Title Bar
  • cancel-apple-music
    How to Cancel Apple Music Before the Free Trial Ends
  • os x autocorrect
    Avoid the Frustration: How to Disable AutoCorrect in OS X
  • os x danger warning
    How to Disable ‘Are You Sure You Want to Open This File?’ Warnings in OS X
  • imac-pixels
    How to Enable HiDPI Mode in Mac OS X
  • pdf mac os x
    How to Extract Pages from a PDF Document in Mac OS X Preview
  • airplay mac output
    How to Stream All Mac Audio Via AirPlay
  • mac-menu-bar-clock-and-date
    How to Show the Current Date in the Mac OS X Menu Bar
  • ios-capture-mac
    How to Take an iOS Screenshot Directly From Your Mac
  • mac os x look up definition
    How to Turn Off Multitouch Trackpad Look Up in OS X
  • stress test mac
    How to Stress Test a Mac CPU
  • command key mac keyboard
    How to Switch the Command and Control Key Functions in Mac OS X
  • os x el capitan usb installer
    How to Make an OS X El Capitan USB Installer for the Developer Beta
  • os x el capitan
    OS X El Capitan System Requirements and Compatibility
  • print-envelope-mac
    How to Print Envelopes and Mailing Labels on Your Mac
  • highlighters
    How to Change the Default OS X Highlight Color
  • screen-saver-desktop-background-shell
    How to Set a Screen Saver as the Desktop Background in Mac OS X

Tips

  • Apps
  • Gaming
  • Mac
  • Mobile
  • Online
  • Windows
  • 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
  • remove creative cloud files file explorer
    How to Remove Creative Cloud Files from the File Explorer Sidebar in Windows
  • chrome offline installer
    How to Download the Chrome Offline Installer
  • xbox one 60fps 1080p windows 10 streaming
    How to Use 1080p/60fps Xbox One Streaming in Windows 10
  • gta 5 custom music
    How to Use Custom Music and the Self Radio Station in Grand Theft Auto V
  • xbox-one-controller-mac
    How to Use an Xbox One Controller with a Mac
  • ps4-dualshock-4
    How to Use a DualShock PS4 Controller with Your Mac
  • 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
  • os x el capitan
    New in OS X El Capitan: How to Hide the Menu Bar
  • finder file path directories
    How to Show the Current Path in the Finder Title Bar
  • record 4k iphone 6s
    How to Record 4K Video on the iPhone 6s
  • view desktop site safari ios 9
    How to Easily View the Desktop Version of a Website in iOS 9 Safari
  • 3d touch sensitivity
    How to Adjust 3D Touch Sensitivity on the iPhone 6s
  • iphone notification center batteries
    New in iOS 9: Track iPhone Accessory Battery Life in Notification Center
  • 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
  • watch super bowl online
    Attention Cord-Cutters: How to Watch the Super Bowl Online
  • surface windows 10 screensavers
    How to Use and Configure a Screensaver in Windows 10
  • windows 10 mail
    How to Change or Remove the Windows 10 Mail Background Image
  • windows pc question mark
    How to Identify Unknown Startup Programs in the Windows Task Manager
  • file explorer windows 10
    Why and How to Delete the Windows.old Folder in Windows 10
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