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 tutorials:

  1. Create an Open Book Icon in Photoshop

    Create an Open Book Icon in Photoshop

    Tutorial Intermediate

    Most people don’t realize how much time and effort goes into creating something like an icon. Icons can take many hours to complete and the techniques used...

  2. Create a Super Glue and a Paint Tube Icon

    Create a Super Glue and a Paint Tube Icon

    Tutorial Intermediate

    In the following tutorial you will learn how to create a super glue and a paint tube icon. These shiny icons are simple to create, we'll cover a complete...

  3. Create a Jeans Pocket Icon Using Adobe Illustrator

    Create a Jeans Pocket Icon Using Adobe Illustrator

    Tutorial Intermediate

    In this tutorial, we'll work with basic elements for creating a series of icons. After studying this simple tutorial, you will learn many useful and...

  4. Draw a Roll of Camera Film in Photoshop

    Draw a Roll of Camera Film in Photoshop

    Tutorial Beginner

    Icon design can be a lot of fun. In this tutorial we will demonstrate how to create a roll of camera film using Photoshop. Let's get started!

  5. Quick Tip: Create a Nice Award Medal Icon

    Quick Tip: Create a Nice Award Medal Icon

    Tutorial Beginner

    In the following tutorial you will learn to create an icon of an award medal. You will use various shapes and pathfinder techniques to make this great...

  6. Quick Tip: Create a Shiny Shield with Illustrator

    Quick Tip: Create a Shiny Shield with Illustrator

    Tutorial Intermediate

    In this Quick Tip, you'll learn how to harness the Appearance panel to make the basic structure of a shiny, beveled shield. Once the structure is in place, a...

  7. How to Create a Suitcase Icon in Adobe Illustrator

    How to Create a Suitcase Icon in Adobe Illustrator

    Tutorial Intermediate

    In the following tutorial you will learn to create a suitcase icon, suitable for a travel oriented site, or vacation brochure. Grab hold of your vector tools...

  8. Create a Download Folder Icon in Photoshop

    Create a Download Folder Icon in Photoshop

    Tutorial Beginner

    Icons are an important part of most interactive and web design. While icons are small, they can often be challenging to create. In today’s tutorial we will...

  9. Quick Tip: Create a Grungy Launch Button

    Quick Tip: Create a Grungy Launch Button

    Tutorial Intermediate

    In the following tutorial you will learn to create a grungy launch button. You will learn how to make a 3D style button and an industrial looking background...

  10. Create a Safe Icon in Adobe Illustrator

    Create a Safe Icon in Adobe Illustrator

    Tutorial Intermediate

    In the following tutorial you will learn to create a safe icon. We'll use a variety of Adobe Illustrator tools and techniques to create this icon. Learn how...

  11. Quick Tip: How to Create a Simple 3D Lollipop Icon

    Quick Tip: How to Create a Simple 3D Lollipop Icon

    Tutorial Beginner

    In the following tutorial you will learn to create a lollipop icon. By using some simple shapes and the Distort & Transform function, you will see just...

  12. Create a Golden Heart-Shaped Box

    Create a Golden Heart-Shaped Box

    Tutorial Beginner

    In today’s tutorial, we will demonstrate how to create an elegant, heart-shaped box in Photoshop. Let’s get started!