TekRevue

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

Mac

Spruce Up Your Desktop with Custom Folder Icons in macOS

By Melissa Holt on May 1, 2017 at 11:46 AM • @MelissaCHolt

Are you tired of looking at the same old default folder icons in macOS? I mean, sure, the Mac’s default folder image is fine and all, but nothing beats custom graphics. And the good news is that it’s easy (and fun!) to use custom folder icons in macOS!

So if you’d like to use a rainbow Apple logo or almost any other custom image as a folder icon, let’s learn how to do it!

Desktop View

Add Custom Folder Icons

To get started with custom folder icons in macOS, first select the folder you’d like to customize. My screenshots in this article show folders on the desktop, but this process also works for folders you’re looking at in Finder. Just find or create your folder and click once to select it.

Folder Icon

With your folder selected, head to File > Get Info from the menu bar at the top of the screen. Alternatively you can use the keyboard shortcut Command-I.

The Info window for the folder will appear which, if you’re not familiar with it, has all sorts of cool uses such as seeing the exact size of a file or folder, determining when the file or folder was created or last modified, and viewing or modifying sharing and user permission settings.

Get Info Window

But for the purpose of setting a custom folder icon, we’re going to focus on that little folder icon at the top left of the Info window. Normally, this shows the default macOS icon for your folder or file, but we can change it by pasting a compatible image on top of it. To do so, we’ll need to find your desired custom image, which can be a JPEG, PNG, or TIFF file.

Once you’ve found your image, open it in the Mac’s Preview app and use the keyboard shortcut Command-A (or select Edit > Select All from the menu bar) to select the entire image. If you’d like to edit the image — for example, crop it — you can do that first before selecting it.

Related: How to change which application opens a particular file type in macOS

Selected Image

Once the image is selected, use the keyboard shortcut Command-C (or select Edit > Copy) to copy it.

Copying Image

After your picture is copied, go back to that “Get Info” window and click to select the aforementioned blue folder icon at the top. You’ll see the folder icon subtly outlined in blue. Finally, use the keyboard shortcut Command-V (Edit > Paste) to drop your picture in.

Icon Pasted

Your custom icon will appear both in the Info window as well as on your desktop (or in Finder) in place of the default macOS folder icon.

New Folder Icon

Remove Custom Folder Icons

So you’ve added custom icons to your folders. Great! But what if you change your mind and want the default macOS folder icon back? The good news is that this is a super simple process. Just find the folder with your custom icon and use Command-I or File > Get Info to bring up its Info window. Now, click once to select the folder’s custom icon at the top left of the window (it will be outlined in blue again, just like when we added the custom icon) and press the Delete key on your keyboard. The custom icon will be removed and you’ll see the default macOS folder icon appear again.

Custom Folder Icon Tips

You can use almost any compatible image for your custom folder icon, but if you’d like things to look their best, here are some tips.

  • Thanks to the advent of high-resolution displays, you need to make sure your icon image has a high enough resolution to look good on your Retina MacBook or 5K iMac. Apple’s default folder and file icons have a maximum resolution of 1024×1024 pixels, so use this resolution if possible for the best image quality.
  • You can use a standard square or rectangular image, but if your image has an irregular shape against a solid color background, you can try to convert it to a PNG with background transparency. For example, the TekRevue folder icon in my screenshots below is not transparent and has a square solid black background. But the classic Apple logo icon has a transparent background. If it was sourced from a non-transparent JPEG, for example, it would have a solid color background like the TekRevue icon.

Finally, one of the reasons I enjoy doing this so much is because I really like being able to drag folders into the right side of my Dock and have them show these custom icons. This makes things much easier to find, I think.

Dock Icon

If you do drag your newly customized folder into your Dock and don’t see the icon you added, though, be sure to right- or Control-click on it and pick Display As > Folder from the contextual menu.

Display as Folder

That will make your icon show up, and all will be right with the world. OK, all will be right with your Dock. If only fixing the world were as easy and fun as this.

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.

Share this:

  • Click to share on Facebook (Opens in new window)
  • Click to share on Twitter (Opens in new window)
  • Click to share on Google+ (Opens in new window)

  • Categories: Mac
  • Tags: #Dock #Finder #How To #Icons #macOS #OS X #Preview #Tips

Sign Up for the TekRevue Weekly Digest

Read more in Mac on TekRevue

  • mail email
    Apple Mail: How to Include Only Selected Text in Email Replies

    Filed Under: Mac

  • photos for mac
    Photos for Mac: Add Images to an Album With a Keyboard Shortcut

    Filed Under: Mac

  • remote desktop gpu glitch
    Disable Microsoft Remote Desktop Hardware Acceleration to Fix Graphical Glitches

    Filed Under: Mac

Search

Related Articles

  • manage windows mac
    4 Tips for Managing Application Windows on the Mac
  • finder file path directories
    How to Show the Current Path in the Finder Title Bar
  • Unix System Files Root Directory
    How to Include System Files in OS X Finder Search Results

Connect with TekRevue

  • TekRevue on Twitter
  • TekRevue on Facebook
  • TekRevue on Google+
  • Cheats
  • Deals
  • Distractions
  • Editorials
  • Gadgets
  • Games
  • Giveaway
  • Hardware
  • Home Theater
  • More in Mac
  • Mobile
  • News
  • Podcast
  • Reviews
  • Sponsor
  • Tips
  • Windows
  • mail email
    Apple Mail: How to Include Only Selected Text in Email Replies
  • parallels desktop 14
    Parallels Desktop 14 Launches With Mojave Support, Performance Gains
  • photos for mac
    Photos for Mac: Add Images to an Album With a Keyboard Shortcut
  • remote desktop gpu glitch
    Disable Microsoft Remote Desktop Hardware Acceleration to Fix Graphical Glitches
  • microsoft remote desktop mac always trust certificate
    Microsoft Remote Desktop for Mac: Always Trust Certificate
  • mac photos
    How to Quickly Edit Multiple Images in Photos for Mac
  • date and time mac
    How to Add an Automatically Updating Date and Time Stamp in Word for Mac
  • microsoft word for mac
    How to Change the Default Font in Microsoft Word for Mac
  • mac printer
    Here Are Two Ways to Print Multiple Files at Once in macOS
  • macos mojave wallpaper day night
    Download the macOS Mojave Wallpaper Day & Night Versions
  • macos mojave system requirements
    Can Your Mac Run Mojave? macOS Mojave System Requirements
  • Samsung 64bit Smartphone
    64-bit Mode: How to Prevent 32-bit Apps From Running on Your Mac
  • app is not optimized for your mac
    32-bit Apps: What to Do If an App ‘is Not Optimized for Your Mac’
  • mac offsite backup
    How and Why to Set Up an Offsite Backup for Your Mac
  • safari bookmarks
    How to Configure Safari to Load Multiple Websites on Startup
  • mac ds_store network files
    Stop Your Mac From Creating .DS_Store Files on Shared Network Drives
  • safari suggestions mac
    How to Turn Off Safari Suggestions in macOS
  • macbook dictionary
    How to Get a List of Spelling Suggestions on the Mac
  • mac app store high sierra banner
    How to Hide the High Sierra Upgrade Banner in the Mac App Store
  • macbook keyboard typing
    Handy Mac Keyboard Shortcuts for Opening and Saving Files

Tips

  • Apps
  • Gaming
  • Mac
  • Mobile
  • Online
  • Windows
  • plex display scaling windows
    How to Adjust Plex Media Player Display Scaling in Windows
  • photoshop load as layers
    How to Open Multiple Images as Layers in a Single Photoshop Document
  • iphone youtube dark theme
    How to Use the New Dark Theme in YouTube for iOS
  • typing keyboard
    How to Paste Text Only By Default in Microsoft Word
  • slow steam browser windows
    Here’s One Potential Fix for a Slow Steam Browser in Windows
  • How to Manually Dim the Xbox One Screen
  • xbox one store games
    How to Browse Games by Genre in the Xbox One Store
  • classic solitaire windows xp
    How to Play Classic Windows XP Solitaire in Windows 10
  • mail email
    Apple Mail: How to Include Only Selected Text in Email Replies
  • photos for mac
    Photos for Mac: Add Images to an Album With a Keyboard Shortcut
  • remote desktop gpu glitch
    Disable Microsoft Remote Desktop Hardware Acceleration to Fix Graphical Glitches
  • microsoft remote desktop mac always trust certificate
    Microsoft Remote Desktop for Mac: Always Trust Certificate
  • mail email
    Apple Mail: How to Include Only Selected Text in Email Replies
  • How to Stop Apple Pay From Appearing on the iPhone Lock Screen
  • iphone control center 3d touch
    How to See Additional Options in Control Center on the iPhone
  • iphone serial number imei
    How to Find Your iPhone Serial Number, UDID, and IMEI
  • google docs macbook
    How to See What’s Taking up All of Your Google Storage Space
  • google docs macbook
    How to Clear Formatting in Google Docs
  • block notification firefox
    How to Block Website Notifications in Firefox
  • Gmail Tabbed Inbox Update
    Email Tip: How to Block Senders in Gmail
  • color explosion laptop
    How to Enable Title Bar Color for Desktop Apps in Windows 10
  • windows 10 lock screen surface studio
    How to Disable the Windows 10 Lock Screen
  • disable sticky keys prompt windows 10
    Windows 10: Disable the Sticky Keys Warning & Beep
  • slow steam browser windows
    Here’s One Potential Fix for a Slow Steam Browser in Windows
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