Free Icon Design courses and tutorials

Well-designed icons are the secret to a great user interface. Learn how to design simple and effective icons that immediately communicate concepts to your users.

All Icon Design content:

Filters

Icon Design

How to Create a Transparent Battery Icon

Tutorial • Intermediate

In this tutorial, we'll create a detailed icon of a battery similar to the one used for the iPhone touch. The battery "fuel" color can be changed as well as...

Bill Labus • 6 Sep 2008
Icon Design

7 Principles of Effective Icon Design

Tutorial • Beginner

Before approaching icon design, there are some guidelines and principles that are worth studying. If you want to create effective icon designs, then you...

Sean Hodge • 12 Apr 2008
Icon Design

How to Create a “Time Machine”-Like Icon in Photoshop

Tutorial • Intermediate

In this tutorial I will show you how to create an icon similar to the Apple Time Machine one. Even though it might look complicated the techniques we will...

Fabio • 18 Mar 2008
Icon Design

Making a Shield Icon in Photoshop

Tutorial • Intermediate

In this tutorial, we're going to use the Path Tools in Photoshop to draw a shield-like shape. Then using some gradients, we're going to give it a metallic...

Collis Ta'eed • 6 Oct 2007