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

  1. Quick Tip: How to Use the Opacity Mask to Make High Gloss Icons and Reflections

    Quick Tip: How to Use the Opacity Mask to Make High Gloss Icons and Reflections

    Tutorial • Beginner

    The Opacity Mask is a somewhat hidden feature in Adobe Illustrator. Mask work like Photoshop's alpha channels to obscure parts of your artwork. In this Quick...

  2. Draw an LCD Television in Photoshop

    Draw an LCD Television in Photoshop

    Tutorial • Beginner

    In today's tutorial, we will create an LCD TV from scratch using simple shapes and layer styles. We will also learn how to create a seamless pattern to...

  3. How to Create a Simple Cardboard Box Icon

    How to Create a Simple Cardboard Box Icon

    Tutorial • Beginner

    In this tutorial you will learn how to create a simple cardboard icon using 3D Extrude & Bevel and basic gradient fills. It's a great starting point for...

  4. Freebie: 20 High Quality 3D Icons

    Freebie: 20 High Quality 3D Icons

    Tutorial • Beginner

    Most web designers are always on the hunt for new high quality icons to use in their designs. Today, we are giving away 20 high quality 3D icons for you to...

  5. Create an Iconic Retro-Modern Ball Chair in Photoshop

    Create an Iconic Retro-Modern Ball Chair in Photoshop

    Tutorial • Intermediate

    The ball chair, popularized by Finnish interior designer Eero Aarnio was the cornerstone of any mid-century or 1960’s living area. Today, we will learn how...

  6. Exclusive Freebie Pack – Eloquence! Icon Set

    Exclusive Freebie Pack – Eloquence! Icon Set

    Tutorial • Beginner

    There are very few design elements with more uses than icons. Icons can be used in just about every type of project, from software applications to website...

  7. How to Create a Photo Realistic Camera

    How to Create a Photo Realistic Camera

    Tutorial • Advanced

    Photoshop is a great tool to work with both vector and pixel shapes. In this tutorial we will demonstrate a powerful combination of vector shapes, layer...

  8. How to Draw a Glossy Yo-Yo Icon using Adobe Illustrator

    How to Draw a Glossy Yo-Yo Icon using Adobe Illustrator

    Tutorial • Intermediate

    Entertain yourself with this tutorial on creating a glossy yo-yo icon. You will learn how to combine different gradient and object effects to make a hyper...

  9. Create a Detailed, Vector-based iPhone Illustration, Part 2

    Create a Detailed, Vector-based iPhone Illustration, Part 2

    Tutorial • Intermediate

    In 'Create a Detailed, Vector-based iPhone Illustration, Part 1', we made our iPhone and the first five icons. Now we will finish the remainder of the icons...

  10. Create a Detailed, Vector-Based iPhone Illustration, Part 1

    Create a Detailed, Vector-Based iPhone Illustration, Part 1

    Tutorial • Intermediate

    In this tutorial you will learn how to create a photo-realistic iPhone illustration and every single icon you can find on the iPhone touch screen. That's 18...

  11. How to Create a Distinguished Personal Diary Icon

    How to Create a Distinguished Personal Diary Icon

    Tutorial • Beginner

    In this tutorial we are going to create a stylish personal diary icon using Illustrator CS4. Gradient is at the core of this tutorial and we will be taking...

  12. How to Create a Social Media UFO Icon

    How to Create a Social Media UFO Icon

    Tutorial • Beginner

    When we design websites or user interfaces, often times we need to create unique and creative icons. Most websites these days have some sort of social media...

Related Categories

Adobe Photoshop
Adobe Illustrator
Drawing
Adobe InDesign