Third-Party Mac Icons Reimagined in OS X Yosemite Style

With the introduction of OS X Yosemite, Apple introduced a significant visual change with an iOS 7-like "flat" look and completely redesigned icons. While Apple's icons will see a refresh once Yosemite is released, users will have to wait until third-party companies have updated their icons to match Apple's new design language for OS X icons.

In the meantime, users in this long running MacRumors' forums thread have been designing their own "flat" versions of both Apple and third-party applications, allowing some users to switch out their icons until the real thing is available. Additionally, some users are redesigning Apple's own icons for users who are using Mavericks rather than the Yosemite beta.

icons
iWork, Twitter, Skype and 1Password icons by Arn0

While the icons may not be fully representative of the official icons, they do provide a look into Apple's new icon philosophy enacted upon an icon not designed for it, allowing for a glimpse into various companies' processes.

Forum member Arn0 had been taking requests from other forum members, recreating various icons to fit more along more nicely with Yosemite's design aesthetics.

Alongside stand-alone apps like 1Password, Twitter and Skype, Arn0 also redesigned icons for entire suites of software, like Adobe's Creative Suite. Thread starter Humex has been sharing a number of different examples of flat OS X icons from around the web, including concepts that hew closer to Apple's style than Arn0.

Alternatively, designers like drflash have taken a different approach to flat design. Rather than mimic Apple's philosophy and match OS X Yosemite, they created their own design language with Flat OS, which provides a completely different experience for OS X users. The design seems to marry "flat" design alongside some skeumorphic principles, giving icons a more tangible feel.

flatos
Flat OS X by drflash

In a blog post on Gizmodo, MartianCraft's Nick Keppol explains that Yosemite's new look centers around four basic ideas: visual rhythm in the dock, three basic icon shapes and their design grid, shape hierarchy and lighting effects and materials.

Visual rhythm allows the new dock to look more consistent, although that is helped by the fact that OS X icons are now broken up into three types: circles, squares and titled rectangles. While Apple itself isn't totally consistent with these three types, Keppol found that - for the most part - circles are used for more consumer-oriented apps, squares are used for System-related utilizes and titled rectangles are used for applications that are most often used for work.

Finally, Apple uses Hollywood-style yellow and orange highlights and blue and teal shadows to give the metal-like materials that the icons are made out of feel warm and tangible. This helps create the illusion that the icons are more physical than previous icons while also looking flatter than before.

If you'd like to switch out your icons until they're fully upgraded with OS X Yosemite, the icon sets shown are linked above, while all of Arn0's redesigned icons are available to download via Dropbox. Icon sets from arn0 and other designers are also available to download via the forum thread. Here are easy instructions on how to change app icons on OS X.

Popular Stories

16 pro

Apple Announces iPhone 16 Pro and iPhone 16 Pro Max with Larger Displays, New Camera Control, and More

Monday September 9, 2024 11:13 am PDT by
Apple today announced the iPhone 16 Pro and iPhone 16 Pro Max—its latest flagship smartphones—featuring larger displays, an all-new Camera Control button, and the A18 Pro chip. The iPhone 16 Pro has a 6.3-inch display, while the iPhone 16 Pro Max features a 6.9-inch display—the biggest iPhone display ever. The borders around the display are the thinnest of any Apple device. The...
Glowtime Live Coverage Article 1

Apple Event Live Blog: iPhone 16, Apple Watch 10, and New AirPods!

Monday September 9, 2024 9:21 am PDT by
Apple's "It's Glowtime" event kicks off today at 10:00 a.m. Pacific Time, where we're expecting to see the iPhone 16 lineup and some updated Apple Watch and AirPods models unveiled, and perhaps some other announcements. Apple is providing a live video stream on its website, on YouTube, and in the company's TV app across various platforms. We will also be updating this article with live blog...
airpods max 2024 colors

Apple Updates AirPods Max With USB-C Port and New Colors

Monday September 9, 2024 10:36 am PDT by
Apple today announced that the AirPods Max are being updated with a USB-C charging port and new color options, including Midnight, Blue, Purple, Orange, and Starlight. In addition, Apple said the AirPods Max are gaining support for Personalized Spatial Audio with the upcoming iOS 18 software update. The updated AirPods Max will be available to pre-order for $549 starting today, and the...
iphone 16 pro pro max

First iPhone 16 Carrier Deals Include iPhone 16/16 Pro For Free, $1,000 Off iPhone 16 Pro Max

Monday September 9, 2024 3:18 pm PDT by
Apple today announced the latest lineup of iPhones, including the iPhone 16, iPhone 16 Plus, iPhone 16 Pro, and iPhone 16 Pro Max. Pre-orders for these devices begin September 13, and if you plan on ordering from a cellular carrier in the United States, there will be plenty of options for discounts from the major carriers. AT&T is offering the iPhone 16 and iPhone 16 Pro at no cost with...
Screenshot 2024 09 09 at 6

Apple Announces Thinner Apple Watch Series 10 With Bigger Screen Than Ultra

Monday September 9, 2024 10:11 am PDT by
Apple at its event today announced the Apple Watch Series 10, featuring a wide-angle OLED display that is larger than the Apple Watch Ultra, with the company describing it as the "biggest display and thinnest design ever." The Series 10 is 9.7mm thick, which is nearly 10% thinner than Series 9, and it weighs 20% less than the Stainless Steel Series 9. The Aluminum cases also weigh up to 10%...
sonny iphone 16 pro colors

New iPhone 16 and iPhone 16 Pro Colors Revealed Ahead of Apple Event

Friday September 6, 2024 5:01 am PDT by
Apple is "shaking up its color palette" for its iPhone 16 lineup this year, according to well-connected Bloomberg reporter Mark Gurman. Early iPhone 16 Pro dummy models via Sonny Dickson According to Gurman, the iPhone 16 Pro models will come in a Gold Titanium to replace Blue Titanium, while the Black, White, and Natural Titanium options that debuted with the iPhone 15 Pro will remain...
iphone 16 lineup colors

Apple Discontinues iPhone 15 Pro, iPhone 15 Pro Max and iPhone 13

Monday September 9, 2024 2:09 pm PDT by
With the launch of the new iPhone 16, iPhone 16 Plus, iPhone 16 Pro, and iPhone 16 Pro Max, Apple has discontinued some of its older iPhones. As of today, Apple is no longer selling the iPhone 13, and the iPhone 15 Pro and iPhone 15 Pro Max have been replaced with the iPhone 16 Pro and iPhone 16 Pro Max. The iPhone SE remains as Apple's most affordable device, with the iPhone 14 and iPhone...

Top Rated Comments

iRock1 Avatar
133 months ago
Oh please, don't start giving ideas to Apple. Following this frigging absurd path, it wouldn't surprise me at all if they come out with something like this in a few years:

Score: 21 Votes (Like | Disagree)
Lapidus Avatar
133 months ago
I don't think they ALL should be round..
Score: 21 Votes (Like | Disagree)
MacFather Avatar
133 months ago
Deleted.
Score: 20 Votes (Like | Disagree)
designaholic Avatar
133 months ago
No.
Score: 17 Votes (Like | Disagree)
RightMACatU Avatar
133 months ago
I hate 'em, I hate 'em, I hate 'em!
Took 20+ years to get some nice 3D effects in OSs and Apps; Took only one year to take it all out. I guess that they simply ran out of ideas esthetically-wise ;)
Score: 13 Votes (Like | Disagree)
QCassidy352 Avatar
133 months ago
I don't like them at all. I hope people realize that "flat" is not inherently better or a logical step forward, regardless of what Apple says in its keynotes. Its a design choice, just like skeuomorphism, which some people will like and others will not, and which can be taken to an extreme (or not).

IMO, there's a happy medium to be struck between "felt" in Game Center or "ripped edges" in Calendar and this cartoony mess.
Score: 13 Votes (Like | Disagree)