My custom Yosemite icons

New icons
New app icons for iTerm, Mailbox, nvAlt, Spotify, Sublime Text, and Tweetbot.

Yosemite’s most striking change to Mac OS X are its visuals, a nod to bring the OS more in line with iOS. That’s distilled in its new set of default system app icons. As John Siracusa writes in his Yosemite review:

Apple is trying to discipline the world of OS X icons. While one icon shape has been deemed insufficient, Apple believes three shapes should just about do it: circle, rectangle, and tilted rectangle…Visual simplification is the order of the day, and details that don’t read well at small icon sizes have been excised.

Unfortunately several apps I use heavily haven’t updated their icon and clash with Yosemite’s new look. In a sea of flat minimalism, bold colors, and thinner typography, a few icons that don’t follow trends can really stand out. So I hunted on Dribbble to find suitable replacements. Below I’ve provided a few direct links if you’re interested in grabbing them for yourself.

Old icons
The default app icons.

If you haven’t replaced an app icon yet, it’s an easy process in Yosemite:

  • Right/command click on the app in Finder. Select “Get Info”. A dialog box will open.
  • In another Finder window, find the new replacement .icns file for the app. Click on the icns file and drag it over to the existing app Get Info dialog box. Release the file on top of the existing app icon at the very top of the dialog box.

In terms of my replacements:

  • iTerm isn’t far off the mark but I wanted a more minimal, flatter look that better paired with Apple’s Terminal icon. Jason Long’s take is a better match.

  • Mailbox overall looks great, but the “in construction” thin lines (albeit with good purpose to signify beta status) all over the Mailbox icon were distracting. Chris Jennings made a very clean replacement that goes well with Mailbox’s minimalist aesthetic.

  • nvALT has a clever icon with a small stack of sheets alongside a rocket ship taking off. But it’s busy in the context of Yosemite. So I went ahead and created my own amateur work in Sketch combined with Icon Slate for output. Download it here.

  • Spotify’s default icon already works with color and a circular shape. Yet I wanted something with a more subtle gradient, punchier color and more clearly defined edge to the icon. Sebastian de With’s Muir set was my first choice, but after using it for a few days the white coloring for the icon’s sonic waves felt off from Spotify’s black aesthetic. So I switched to Jean-François Goncalves’s work. It’s very similar, but with black instead of white accents.

  • The great Iconfactory put together Sublime Text’s “big button” style original icon, yet it never resonated with me; it was just a bit too “cute” for my tastes. I’ve used other replacements while on Mac OS 10.9, but for Yosemite I’ve settled on a simple tilted rectangle icon from Rafael Conde. I love the subtle cross hatching on the icon’s background.

  • Tapbots have always had a playful and original bent to their wonderful Tweetbot app; that gives some creative license away from Yosemite’s usual icon layout. But Ilja Miskov put together an option that plays better; it mirrors Tweetbot’s simpler iOS icon cropped to circular form for Yosemite.