Jesse
blog

Blog


Better Dev Dock Icons

December 28th, 2011


I got sick of staring at a couple of the standard dock icons. XAMPP and FileZilla were especially horrid. Less wasn’t as bad, but the weird balance of the logo was driving me crazy.

dock icons

FileZilla Goodbye red stamp looking thing

fz.png


Less App If you aren’t using Less yet, you’re really wasting time writing CSS.

less.png


XAMPP Much better, don’t you think?

Icon.png


Skype (I found this little gem somewhere)

SkypeBlue.icns


Nimbuzz (another gem I found) SIP/AIM/gTalk

Nimbuzz.png


Terminal (perdy)

terminal.png


Ecto

wp.png


Outlook. The program you love to hate.

outlook.png


Google Chrome. It was a long fought battle to get me to switch from Safari to Chrome. Now that they have my heart, I have a new icon.
chrome.png


Lastly FontPicker has the worst icon on the block. Adobe Air app to test different fonts.

ontpicker.png


If you want to use any of these icons on your mac in the dock bar you will need to convert them to icns files.

Here are the directions to do so.


  1. Save whichever icon you want
  2. Go to this website: http://iconverticons.com/
  3. Upload your new saved icon and click convert.
  4. For a mac save the .ICNS version

Now you need to replace your current app icons.

First find the application you want to change. Right click the app and select “Show Package Contents” (like shown below)

PM.png

Next find the image you are trying to change. You will need to click into the “contents” folder then the “resources” folder. Once you find the image in the resources folder, make sure to rename your icon to exactly match what’s already in the folder. Example: Icon.icns, or SomeAwesomeApp.icns


Notes, Reminders, Hints, etcOnce you change your icon you can’t get it back. You could try renaming the original file to Icon-backup.icns before you copy in your new icon. Also I accept no liability if you destroy every working part of your machine, phone, and violate every policy you’ve ever signed by attempting anything mentioned herein.
Good luck!



  • Jesse

    I just realized the icons files converted into a jpg with a white background. I shall fix for you

  • http://twitter.com/rwallen Ryan Allen

    make your own icons for pro versions

  • http://www.facebook.com/people/Jesse-Frye/183500112 James Jesse Frye

    I made like 4 of them. My finder dock icon is your face

blog comments powered by Disqus