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.
Read moreRead less
All content
Courses
Tutorials

All Icon Design tutorials:

  1. How to Create a Gearbox Settings Icon Using Simple Shapes

    How to Create a Gearbox Settings Icon Using Simple Shapes

    Tutorial • Beginner

    Much can be done in Illustrator without relying on the Pen tool, as demonstrated by the recent hourglass tutorial. Utilizing only simple, predefined shapes,...

  2. Abracadabra, How to Create a Magic Hat Icon

    Abracadabra, How to Create a Magic Hat Icon

    Tutorial • Intermediate

    In this tutorial, we'll explain how to create a magic hat icon with a cute bunny inside. We'll use the pen tool, pathfinder palette, and other tools to...

  3. How to Design a Custom Newspaper Icon

    How to Design a Custom Newspaper Icon

    Tutorial • Advanced

    Extra, extra read all about it! Learn how to create a newspaper icon. Advanced knowledge of Adobe Illustrator is required to complete this tutorial. You'll...

  4. Elegant Blue Web Icons

    Elegant Blue Web Icons

    Tutorial • Beginner

    Format: PNGSize: See DescriptionLicense: Creative Commons

  5. 10 Tips for Effective Icon Design

    10 Tips for Effective Icon Design

    Tutorial • Beginner

    A memorable and functional icon is beautiful, iconic, meaningful and functional. Here are ten inspiration icon tips on how to create outstanding icons.

  6. 60 Free Vector Icon Packs for Design Professionals

    60 Free Vector Icon Packs for Design Professionals

    Tutorial • Beginner

    Vector icons are a dime a dozen, but how many would you actually use in professional work--or personal work you want to look professional? A very small...

  7. How to Create a Super Shiny Pencil Icon - Screencast

    How to Create a Super Shiny Pencil Icon - Screencast

    Tutorial • Beginner

    The Pencil is one of the visual metaphors most used to express creativity. In this tutorial, I'll show you how to draw a pencil icon. We'll have a look at...

  8. Glossy Icon in Photoshop

    Glossy Icon in Photoshop

    Tutorial • Beginner

    The difficulty in designing web graphics is not so much in the actual execution of the design, but more in the planning of it. At the same time you want the...

  9. How to Create a Transparent Battery Icon

    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...

  10. 7 Principles of Effective 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...

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

    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...

  12. Making a Shield Icon in Photoshop

    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...

Related Categories

Adobe Photoshop
Adobe Illustrator
Drawing
Adobe InDesign