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:

  1. Creating a Set of Digital Painting Icons Part 5 - Cityscape Display Icon

    Creating a Set of Digital Painting Icons Part 5 - Cityscape Display Icon

    Tutorial Intermediate

    Welcome to the fifth and last tutorial in the "Creating a Set of Digital Painting Icons" series. We will end with an icon that depicts both a tool and a...

  2. Creating a Modern, Glossy Mouse Icon in Photoshop

    Creating a Modern, Glossy Mouse Icon in Photoshop

    Tutorial Intermediate

    This tutorial is about creating the Apple Magic Mouse in Photoshop, though you could use these techniques to create other mouse icon design styles as well....

  3. Creating a Set of Digital Painting Icons Part 4 - Digital Tablet Icon

    Creating a Set of Digital Painting Icons Part 4 - Digital Tablet Icon

    Tutorial Intermediate

    For this forth installment of the "Creating a Set of Digital Painting Icons" series we will create a pen tablet from scratch, specifically the Wacom 12"...

  4. How to Create an Envelope Icon in Photoshop

    How to Create an Envelope Icon in Photoshop

    Tutorial Intermediate

    In this tutorial, you'll go through easy steps for creating a nice envelope icon. There's a light use of the Pen Tool in the tutorial, but most of it uses...

  5. Use Inkscape to Create a Grunge RSS Box Icon

    Use Inkscape to Create a Grunge RSS Box Icon

    Tutorial Intermediate

    How to create an Icon using new features of Inkscape 0.47, such as: gradients, blur, path effects, and mask on texture layer. We'll be walking through every...

  6. Creating a Set of Digital Painting Icons Part 3 - Paint Brush Icon

    Creating a Set of Digital Painting Icons Part 3 - Paint Brush Icon

    Tutorial Intermediate

    Welcome to the third tutorial in the "Creating a Set of Digital Painting Icons" series. In this installment we will create a paint brush icon, complete with...

  7. Creating a Set of Digital Painting Icons Part 2 - Camera Icon

    Creating a Set of Digital Painting Icons Part 2 - Camera Icon

    Tutorial Intermediate

    Welcome to the second tutorial in the "Creating a Set of Digital Painting Icons" series. This time we'll create a digital SLR camera, a tool digital artists...

  8. Creating a Set of Digital Painting Icons Part 1 - Sketchbook with Pencil Icon

    Creating a Set of Digital Painting Icons Part 1 - Sketchbook with Pencil Icon

    Tutorial Intermediate

    This is the first tutorial in a series called "Creating a Set of Digital Painting Icons." We will design five icons that depict common tools associated with...

  9. How to Create a Magician’s Hat in Photoshop

    How to Create a Magician’s Hat in Photoshop

    Tutorial Intermediate

    In this tutorial, you'll learn how a magician's hat can be designed in Photoshop. The tutorial involves a simple use of the Pen Tool and other Shape Tools....

  10. How to Create a Photorealistic iMac and Magic Mouse

    How to Create a Photorealistic iMac and Magic Mouse

    Tutorial Intermediate

    This tutorial is about using Adobe Illustrator's Mesh Tool (U) and several basic techniques to create a vector style monitor and mouse, with a similar design...

  11. Create a Leather-Textured, Realistic Briefcase Icon - Screencast

    Create a Leather-Textured, Realistic Briefcase Icon - Screencast

    Tutorial Beginner

    "Our goal for this tutorial is to draw a realistic leather briefcase entirely from scratch. We'll use Photoshop's amazing layer styles and incredible brush...

  12. Create a Leather-Textured, Realistic Briefcase Icon

    Create a Leather-Textured, Realistic Briefcase Icon

    Tutorial Intermediate

    Our goal for this tutorial is to draw a realistic leather briefcase entirely from scratch. We'll use Photoshop's amazing layer styles and incredible brush...