The Finest Coffee Cups - Most Incredible Coffee Icons On The Web
In this article I present you the finest icons of the fuel of a lot of designers and students (and other people too) available on the web. I’ve just released my own coffee cup icon but this beverage seem to have inspired a lot of other beautiful icons especially for Mac OS X.
Now just get your next coffee, sit back and enjoy this little showcase. Just click on the images to get to the icon sources. At the end of the article you’ll find links to some nice high quality coffee tutorials. And remember you will have more control over time itself if you reach your 100th cup of coffee.
#The Finest Coffee Cups
Please note that these icons are the property of their respective owners and you should always consult their copyright notice first before using these icons.
#Coffee Cup icons by Susumu Yoshida
A bunch of colorful cups of coffee.
#CoffeeCon icon by Vegrafik
A hyperrealistic icon from Vegrafik
#Coffee Cup Icon by kremalicious
In a fit of megalomania I declared my icon as incredible and included it here. Originally I’ve made the coffee cup for the donations button on kremalicious.com.
#Coffee folders from Agua Icons by David Lanham
The one and only Mac OS X system replacement icon set has some coffee folders too.
#Kaffe! icon from World of Aqua 3 icon set by Dave Brasgalla
Coffee in a metal cup. Sadly Dave didn’t updated his World of Aqua icon pack with bigger sizes so it’s just 128px.
#Starbucks coffee icon by Rok Benedik
#Coffee folders from the Maji sets by Jonas Rask
Also Jonas used coffee as the metaphor for the work folder (supposedly) and made clear he likes very big coffee cups.
#Espresso icon by MacRabbit
Does this application need any introduction? Although not released yet the new web-coding application from MacRabbit drew a lot of attention. The icon is one of the reasons for that.
#Coffee folders from the Pry system sets by Jonas Rask
Another folder-combined-with-coffee icon by Jonas.
#Coffee icons from Office Space icon set by VisualPharm
A glass coffee cup which is wildly used on the web. Created for Windows so the icons are just 256px in size.
#The Coffee Shop icon set by Alejandro Lopez & Sergio Ruiz
#Espresso icon by Iiro Jäppinen
#Coffee Wallpaper by Michael Flarup
Not an icon but the coffee cup drawn in this wallpaper from Michael Flarup would make a good one. The detail of the cup is stunning.
#Bean icon by Laurent Baumann
Bean is a free word processor for Mac OS X and Laurent Baumann included a nice coffee cup in the application icon for it.
#Have A Break icons by mat-u
Nice shiny coffee cups with a lot of detail in the reflections. Sadly just in 128px size maximum. Maybe you can persuade mat-u to update this icon with bigger sizes.
#Java Application icons by Apple
Apple uses a nice coffee cup in their Java applications which can be found in the Utilities folder. Thanks to David for pointing this out.
#Caffeine icon by Trevor Kay
Trevor Kay made the new icon for Caffeine. This application prevents your Mac from automatically going to sleep. Trevor also made some additional icons for Caffeine although the coffee cup looks pretty much the same as the one from Apple’s Java application icons.
#Coffee and Tea icons by Kate England
Some comic style icons which deviate from the realism of all the other coffee icons. Sadly just available in 128px size.
#Moon Coffee icon from Space: 1999 icon set by Dave Brasgalla
Dave made an icon set for the Iconfactory inspired by the classic sci-fi television series of the 70’s and included a Moon Coffee cup. Also just in 128px size.
#Times Application Icon by Mikio Inose
Acrylic Software’s “new type of newsreader for Mac OS X Leopard” called Times uses a gorgeous icon made by Mikio Inose.
#Do you love Cappuccino? by Creative 9 Design
One delicious full and one empty cappuccino cup re available in this icon set made by Creative 9 Design. Available just in 256px from their blog.
#Cappuccino Framework Icon by Sofa
Not a coffee cup but also very coffee related is this awesome Cappuccino machine icon (although it shows an Espresso machine) made by Sofa for the Cappuccino framework.
Finally here’re some nice high quality tutorials for you to help you build your own coffee cup.
- Using Gradients to Make Light and Shadow - and a Coffee Cup!: Collis from psdtuts made a nice tutorial with a similar perspective as found in my Coffee Cup Icon.
- Design A Coffee Mug Icon: Photoshop tutorial by Andrew Houle for creating a coffee cup icon.
- Creating a Coffee Cup with Inkscape: Peter Anglea with a nice vector tutorial using the open source vector app Inkscape.
- Amazing Photoshop Light Effect In 10 Steps: Not an icon tutorial but Fabio Sasso achieves some awesome light effects combined with the coffee cup from the Office Space icon set.