Learn Icon Design

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

All Icon Design content:

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

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

  3. Web 2.0 Badge in Photoshop

    Web 2.0 Badge in Photoshop

    Tutorial • Beginner

    When we are working on a Web design project, we quite often need icons to show commands like add, delete, or edit. With the Web 2.0 trend, the use of badges...

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

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

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

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

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