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. Using the Appearance Panel to Create a Kitchen Illustration

    Using the Appearance Panel to Create a Kitchen Illustration

    Tutorial Advanced

    In today's Premium tutorial, I'm going to take advantage of the Appearance Panel to create a kitchen illustration. There are so many benefits to using the...

  2. Quick Tip: How to Make a Simple iOS style Book Icon

    Quick Tip: How to Make a Simple iOS style Book Icon

    Tutorial Beginner

    Learn how to use a few rounded rectangles, some gradient effects and the blend tool to make a great looking iOS style Book Icon. Let's get started!

  3. Create a Detailed Camera Icon in Photoshop

    Create a Detailed Camera Icon in Photoshop

    Tutorial Advanced

    Icons can be a lot of fun to create. Simple icons are relatively easy to create but more realistic icons can be quite challenging. In today's tutorial we...

  4. Quick Tip: How to Illustrate a Modern Volume Dial

    Quick Tip: How to Illustrate a Modern Volume Dial

    Tutorial Intermediate

    In the following steps you will learn how to create a volume button. It all starts with three concentric circles. Using some interesting stroke properties...

  5. Quick Tip: How to Make a Reusable Icon Style using the Appearance Panel

    Quick Tip: How to Make a Reusable Icon Style using the Appearance Panel

    Tutorial Intermediate

    In the following Quick tip you will learn how to create a cute rounded icon style. You will use basic shapes and Pathfinder options to create glyph style...

  6. Create a Binoculars Icon in Adobe Illustrator

    Create a Binoculars Icon in Adobe Illustrator

    Tutorial Intermediate

    In this tutorial you will learn how to create a binocular icon design, using Adobe Illustrator's 3D effects, gradients and blending modes. So let's get into...

  7. How to Illustrate an Auction Gavel Icon

    How to Illustrate an Auction Gavel Icon

    Tutorial Intermediate

    This work is a common project created together with Iaroslav Lazunov and Oleksandr Iegupov. We have used 3D-modeling, Gradients, Blends, and Gradient Meshes...

  8. Quick Tip: How to Create a Stacked Paper Document Illustration

    Quick Tip: How to Create a Stacked Paper Document Illustration

    Tutorial Beginner

    In the following tutorial you will learn how to create a stack of paper files. You will start with a simple rectangle then using multiple fills and strokes,...

  9. Create a Star Trek Style Communicator in Photoshop

    Create a Star Trek Style Communicator in Photoshop

    Tutorial Intermediate

    In this tutorial, we will draw a retro Star Trek style communicator, a voice communication device used in the original Star Trek series. We will combine...

  10. 23 Free Vector Icon Packs for Social Media

    23 Free Vector Icon Packs for Social Media

    Tutorial Beginner

    It's massive freebie time again! We've rounded up a huge collection of social media icons in, you guessed it, vector format. These designs are simple, clean,...

  11. Create a Padlock with Adobe Illustrator and VectorScribe

    Create a Padlock with Adobe Illustrator and VectorScribe

    Tutorial Intermediate

    In this tutorial you will learn how to use Shape Building, Clipping Paths and Opacity Masks to make a metallic Padlock. You will also learn how to use the...

  12. Quick Tip: How to Create a Clean Style Folder Icon

    Quick Tip: How to Create a Clean Style Folder Icon

    Tutorial Intermediate

    In the following tutorial you will learn to create a clean folder icon. By using some simple shapes and the Appearance Panel, you will see just how easy it...