Designers are visual creatures which judge a book by its cover. It’s no secret that icons have a huge impact in website design as well as application design. A good icon should stand out and be easy to remember. It should easily convey a message to the users and present the brand.
Designing icons is a challenging task which requires a lot of time and creativity. To help you out with this hard task we have put together 50 amazing and free tutorials to learn icon design from A to Z.
In this collection you’ll find icon tutorials for Photoshop, Illustrator and Sketch. You’ll see tutorials to replicate food, music, weather, business icons and many many more. Just go to the primary source and follow step-by-step guide to achieve great results.
Compass Icon with Long Shadow – Photoshop In this tutorial you’ll get to know how to design a nice flat compass icon in Photoshop using the tools such as Pen Tool, Rounded Rectangle Tool, and Rectangle Tool.
Create an Icon Design Workflow – Sketch Create an awesome moon app icon using Sketch App 3, as well as with add-on functionality from the Sketch Toolbox.
Create a To-Do List App Icon – Illustrator In this guide you’ll see a quick way to create an organizer app icon with 3D effect. It combines radial gradients, blends, and a sense of lighting.
Long Shadow Flat Icon – Photoshop This tutorial describes how to create amazing long shadow clock icons with flat effect. You can use this guide to add long shadow to any objects you like.
Stylish Flat Space Icons – Photoshop Using simple shapes and path operations you can create an awesome set of 6 space icons in trendy flat style in Photoshop.
Calendar App Icon – Photoshop Here is a Photoshop tutorial on how to create beautiful calendar app icon in a few easy steps.
Create an Address Book Icon – Photoshop Create a detailed address book icon using Photoshop. You’ll learn how to set up a simple grid, and how to take full advantage of the Snap to Grid feature.
Create flat icons – Photoshop This tutorial will walk you through the process of creating a simple app icon with a house on it using Photoshop CS6.
Create a Mobile App Icon – Photoshop This tutorial is a part of three-part series of articles explaining how to design UI elements for mobile applications. The icon you’re going to create will be perfect for any drawing app.
Weather Icon – Photoshop In this tutorial you’ll see how to create a simple weather icon using Photoshop. No special techniques or Photoshop skills required to make your own weather icon.
Detailed Lighthouse Flat Icon – Affinity Designer Check out the process of creating a lighthouse icon in a flat style using Affinity Designer. You’ll be using simple shapes and manipulating them to transform.
Create A Notes App Icon – Photoshop Does this Notes app icon look like the real thing? In the tutorial, you’ll be using simple shapes, gradients and textures to achieve this stunning icon design.
Create a 3D Starfish Icon – Photoshop In this tutorial, you’ll see how to create a starfish and other objects in 3D then combine them with textures in Photoshop to create this stunning icon.
Simple Notebook Icon – Photoshop In this simple Photoshop tutorial you will learn how to create a neat notebook icon on a textured background.
Productivity Icons – Illustrator In this easy Illustrator tutorial you’ll see the process of creating a set of nine flat productivity icons that may come in handy for future projects.
Simple Notebook Icon – Illustrator This simple Ilustrator tutorial will help you to create a nice notebook app icon. It will be useful for beginners as you will learn how to setup a simple grid and create pixel perfect shapes.
Mailbox Alert Icons – Illustrator In the following Illustrator tutorial you will learn how to create a simple mail icon with two types of notifications: a red circle and a ribbon.
Shiny Gold Star Coin – Photoshop In this Photoshop Tutorial you can learn how to create a shiny gold coin in Photoshop that you can use as an icon or for any other purposes.
Stylised, Textured Flat Camera – Illustrator Follow this tutorial to learn how to create a stylish retro-looking camera, mastering the gradients for lights and shadows.
Solar System Planets Icon Pack – Illustrator You will be recreating the planets from our Solar System in the form of an icon pack, using Illustrator. Pluto not included.
4 Ways to Create Long Shadow – Photoshop Here you’ll get to know four different ways to create a trendy flat long shadow effect. You can add it to your icons, text or any other design elements.
Camera App Icon – Photoshop Here is a Photoshop CS5 tutorial on how to create a beautiful old iPhone camera lens app icon.
How to Create an App Icon – Illustrator In this Photoshop tutorial you will be creating an icon for a message/chat application with a "postman" stork on it. The guide gives you a insight in the steps to take from a initial sketch to a vectorized icon.
Captain America Shield Icon – Illustrator If you’ve seen this shield "lying around" and want to learn how to make it, this is the tutorial for you.
Delicious Cupcake Icons – Illustrator In this tutorial you will see the process of creating a cupcake icon in Illustrator, and you’ll be able to create other delicious variations just by making a few changes.
Don’t be shy to share your icons made following these tutorials in the comment field below.