• Blog
  • Sponsors
  • Work
  • About
Menu

Eli Schiff

Street Address
City, State, Zip
Phone Number
Eli Schiff

Your Custom Text Here

Eli Schiff

  • Blog
  • Sponsors
  • Work
  • About

Hard Drive Icons Through the Ages

May 19, 2015 Eli Schiff
The Aqua Hard Drives.

The Aqua Hard Drives.

For the past few years, we have seen a significant portion of our data storage move to the cloud. When it comes to physical hard drives, spinning disk hard drives are rapidly being replaced by flash storage. Some would assert that storage icons have not aged particularly well given the circumstances.

Nevertheless, ever since the original OS X hard drive icons were designed, this category of icons has been a touchstone for icon design practitioners. Whether designing a custom application icon, a commercial disk image or making a custom icon to distinguish one's personal drives, hard drive icons have been a prime area for designers to display their skill in both technical execution and creativity.

This post is hardly exhaustive. I have selected only a fraction of the incredible icons that community members have designed over the years.

Drives Inspired by Apple Hardware

The PowerMac G5 and PowerBook G4.

The PowerMac G5 and PowerBook G4.

Hard drive icons by Henri Liriani, Sascha Höhne and Dave Brasgalla.

Hard drive icons by Henri Liriani, Sascha Höhne and Dave Brasgalla.

Beginning in the early 2000s, designers began taking inspiration from Apple's hardware industrial design for the design of custom HD icons. On the far left is a drive from Henri Liriani's Zvend icon set (2006). The second icon from the left comes from Sascha Höhne's Minium icon set (2005). The two rightmost icons are from the G5 Drives set by Iconfactory designer Dave Brasgalla. He also included a custom drive which took inspiration from the then recently released Matrix films.

Pry Hardware by Jonas Rask.

Pry Hardware by Jonas Rask.

In 2008, the now-retired icon designer, Jonas Rask produced the Pry Hardware icon set. The rightmost icon references the Apple Airport hardware.

Ive Drives by Louie Mantia.

Ive Drives by Louie Mantia.

Similar to Rask, Louie Mantia made Ive Drives (2009) and Ive Drives 2 (2012), paying homage to the Airport as well as the first and second generation Apple TVs.

Baumann's PodDrives and Blend.

Baumann's PodDrives and Blend.

For PodDrives (2009) and Blend (2007) Laurent Baumann referenced the original iPhone hardware and the Apple remote.

Anstat by Philipp Antoni.

Anstat by Philipp Antoni.

Philipp Antoni's Anstat set was designed between 2006 and 2008, and was released much later, in 2012. Anstat was an idealized take on the Mac system icons.

Bach Nguyen's UniDrive.

Bach Nguyen's UniDrive.

 Alumi by Joy-Vincent Niemantsverdriet.

 Alumi by Joy-Vincent Niemantsverdriet.

Bach Nguyen, otherwise known as Shiizun, referenced the unibody MacBook Pro in his 2009 UniDrive icon set. Using the same source material as Nguyen, Joy-Vincent Niemantsverdriet designed his Alumi set in 2010.

Wil Nichols' Alumin(i)um, Milk and Dark HDD icon sets (2010).

Wil Nichols' Alumin(i)um, Milk and Dark HDD icon sets (2010).

Hard Drive Internals

The PodWorks icon by Dave Brasgalla.

The PodWorks icon by Dave Brasgalla.

I asked Buzz Anderson who was responsible for the PodWorks icon, and it turns out that it was none other than Dave Brasgalla of The Iconfactory in 2002.

Expandrive by Jordan Langilleo.

Expandrive by Jordan Langilleo.

In my search to determine who made the accordion-like Expandrive icon, I came up with nothing. I decided to phone Jeff Mancuso of Expandrive to see if he could shed any light as to its origins. Mancuso had hired Jordan Langilleo of OneToad Design to design the icon in 2008.

Yoshida's Smooth Leopard, Lanham's Agua Extras Drive and Wong's DMG Document icon.

Yoshida's Smooth Leopard, Lanham's Agua Extras Drive and Wong's DMG Document icon.

For his 2005 Smooth Leopard iconset, Susumu Yoshida made this exposed internal hard drive. In 2007, David Lanham of the Iconfactory made a similar drive for Agua Extras vol. 1. Na Wong produced the DMG document icon for this variant one year later in 2008.

Rick Patrick's HDRV+.

Rick Patrick's HDRV+.

Rick Patrick intricately designed the HDRV+ set with 131 variants.

Peel and Bite

Another drive from Susumu Yoshida's 2005 Smooth Leopard icon set.

Another drive from Susumu Yoshida's 2005 Smooth Leopard icon set.

Baumann's SmartBackup sketches and production icon.

Baumann's SmartBackup sketches and production icon.

In 2008, Laurent Baumann shared sketches for what would become the SmartBackup icon.

Pramod's rendering based on Baumann's drawings.

Pramod's rendering based on Baumann's drawings.

This inspired Pranav Pramod to render Baumann's rejected sketch (2011).

Candybar and ByteDrive.

Candybar and ByteDrive.

In 2012, I created the ByteDrive icon, paying homage to the CandyBar icon. The following is a process GIF:

ByteDrive design process.

ByteDrive design process.

Drive Apps

Halfbit's Disk Cleaner and Drive by Ollin Boer Bohan.

Halfbit's Disk Cleaner and Drive by Ollin Boer Bohan.

CleanMyDrive icon by Pavlo Grozian of MacPaw (2012).

CleanMyDrive icon by Pavlo Grozian of MacPaw (2012).

O and O defrag by Nikolay Verin (2009). While this app was for Windows, it has the same roots as the rest of the icons listed.

O and O defrag by Nikolay Verin (2009). While this app was for Windows, it has the same roots as the rest of the icons listed.

.DMG Icons

.dmg icons for DMG Canvas, Opera and Spotify.

.dmg icons for DMG Canvas, Opera and Spotify.

Diligent designers like Opera's Oleg Melnychuk and Tobias Ahlin, formerly of Spotify, customize the icon of their application's .dmg to make the installation process a bit more personalized and less tedious.

Hard Drive icons going forward

OS X Yosemite system HD.

OS X Yosemite system HD.

This brings us to OS X Yosemite's hard drive. Unlike previous metal and plastic drives, today's are made entirely of wax. These details matter, or at least they used to.

← Counter-criticism of Fall of the DesignerOn the Grid Podcast: Falling Flat Interview →
Featured
Jul 12, 2016 Eli Schiff
Jul 12, 2016 Eli Schiff
Dystopic Pipes
Jul 12, 2016 Eli Schiff
Jul 12, 2016 Eli Schiff
Jul 12, 2016 Eli Schiff
Jul 12, 2016 Eli Schiff
Jun 7, 2016 Eli Schiff Comment
Jun 7, 2016 Eli Schiff Comment
Instagram's Abomination Part III
Jun 7, 2016 Eli Schiff Comment
Jun 7, 2016 Eli Schiff Comment
Jun 7, 2016 Eli Schiff Comment
Jun 7, 2016 Eli Schiff Comment
May 24, 2016 Eli Schiff Comment
May 24, 2016 Eli Schiff Comment
Instagram's Abomination Part II
May 24, 2016 Eli Schiff Comment
May 24, 2016 Eli Schiff Comment
May 24, 2016 Eli Schiff Comment
May 24, 2016 Eli Schiff Comment
May 18, 2016 Eli Schiff
May 18, 2016 Eli Schiff
Instagram's Abomination Part I
May 18, 2016 Eli Schiff
May 18, 2016 Eli Schiff
May 18, 2016 Eli Schiff
May 18, 2016 Eli Schiff
May 10, 2016 Eli Schiff
May 10, 2016 Eli Schiff
Racemoji
May 10, 2016 Eli Schiff
May 10, 2016 Eli Schiff
May 10, 2016 Eli Schiff
May 10, 2016 Eli Schiff
Apr 27, 2016 Eli Schiff
Apr 27, 2016 Eli Schiff
You Could Almost Do Anything Pt. III
Apr 27, 2016 Eli Schiff
Apr 27, 2016 Eli Schiff
Apr 27, 2016 Eli Schiff
Apr 27, 2016 Eli Schiff
Apr 20, 2016 Eli Schiff
Apr 20, 2016 Eli Schiff
You Could Almost Do Anything Pt. II
Apr 20, 2016 Eli Schiff
Apr 20, 2016 Eli Schiff
Apr 20, 2016 Eli Schiff
Apr 20, 2016 Eli Schiff
Apr 12, 2016 Eli Schiff Comment
Apr 12, 2016 Eli Schiff Comment
You Could Almost Do Anything Pt. I
Apr 12, 2016 Eli Schiff Comment
Apr 12, 2016 Eli Schiff Comment
Apr 12, 2016 Eli Schiff Comment
Apr 12, 2016 Eli Schiff Comment
Mar 10, 2016 Eli Schiff Comment
Mar 10, 2016 Eli Schiff Comment
Assorted Apples
Mar 10, 2016 Eli Schiff Comment
Mar 10, 2016 Eli Schiff Comment
Mar 10, 2016 Eli Schiff Comment
Mar 10, 2016 Eli Schiff Comment
Feb 23, 2016 Eli Schiff Comment
Feb 23, 2016 Eli Schiff Comment
Featured on CJ Melegrito's HIG
Feb 23, 2016 Eli Schiff Comment
Feb 23, 2016 Eli Schiff Comment
Feb 23, 2016 Eli Schiff Comment
Feb 23, 2016 Eli Schiff Comment

Humanist Interface Newsletter

Do you want to learn about the art and history of interface design? Sign up to be the first to know as updates are posted on the Humanist Interface blog.

Subscribers will receive a primer collection of critical design articles and a free Sketch cursor icon resource.

 

Sign Up Free
 

Support Humanist Interface

 

Buy me a coffee and help me stay awake to write more articles for the blog.