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.
Read more: Icon Design showcase: sketched versus ready
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.
Create a Simple Pencil Icon – Photoshop
In the following tutorial you will learn how to create a simple, nice pencil icon in Photoshop.
How to Create a Map Icon Using – Photoshop
With this Photoshop tutorial you’ll learn to create a beautiful three-dimensional icon with a map on it.
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.
Create Flat Vector Forrst Icon – Photoshop
In just half an hour you will be able to create the Forrst icon in vector object.
Set of Graffiti-Inspired Line Icons – Illustrator
Learn how to create a set of smooth graffiti-inspired line icons using basic shapes and the Direct Selection Tool.
Create a Mouthwatering Donut Icon – Illustrator
This step-by-step tutorial will teach you how to draw a mouthwatering donut icon in Adobe Illustrator using basic shapes and filters.
Create Flat Weather Icons – Photoshop
A set of April weather flat icons, using basic shapes, vibrant colors and texturing with artistic brushes.
Vibrant Cloud Icon – Photoshop
This step-by-step Photoshop tutorial follow you through the process of creating a colourful and vibrant cloud icon using gradients and lighting effects.
Create a Simple Address Book Icon – Photoshop
In the following tutorial you will learn how to create a half-opened address book icon in Photoshop.
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.
Create an App Icon in 20 Easy Steps – Photoshop
Create a billiard app icon with a billiard ball and billiards table.
Delicious Toast Icons – Illustrator
Here is an amazing Illustrator tutorial showing you how to create mouthwatering toasts with butter, fried egg and chocolate with banana.
Create a Gradient Icon – Illustrator
This Illustrator tutorial will walk you through the process of creating a simple mail app icon inspired by new Instagram logo.
Design a Realistic Takeout Coffee Icon – Photoshop
Here’s a realistic-looking coffee cup that you can make as an icon in Photoshop.
Create a Detailed Camera Icon – Photoshop
It’s challenging to create detailed realistic icons but you can pick up some tips from doing this tutorial.
Flat Design Wedding Icon – Illustrator
In this Illustrator tutorial you’ll see the process of creating nice flat icons for a wedding icon. They can be used for Save-the-Date cards.
Retro High School Icon Pack – Illustrator
This Illustrator tutorial will teach you to create cool retro high-school-related objects from the 50s. The icon pack contains six flat icons.
Bagel Sandwich Icon – Illustrator
Follow this tutorial and learn how to create a bagel sandwich icon in Illustrator. It looks almost delicious enough to bite into.
Create a Stylised Strawberry Icon – Illustrator
This quick Illustrator tutorial will show you how to create an awesome squared strawberry dipped in chocolate app icon.
Animated Vector Icons – Illustrator & Photoshop
Here you’re going to create three animated icons and explore a couple of techniques for creating smooth, easy animations.
A Set of Food Icons – Illustrator
Here is a super-easy Illustrator tutorial on how to create a set of food icons: a cup of tea, sandwich and a bowl of soup.
Flat Animal Icons – Illustrator
This tutorial will help you to create six different animal portrait icons with a circle background.
Create Sticker-like Music Icons – Illustrator
In this tutorial you’ll see the process of creating musical note sticker icons in three different colors.
Donut Icons – Illustrator
In this tutorial you will learn how to create four types of donuts in Illustrator: chocolate sprinkles, icing with chocolate chips, plain sugar, and strawberry frosted.
How to Use the Blend Tool – CorelDRAW
This CorelDRAW tutorial shows how to create a nice notebook icon with long shadow.
Flat Precious Gems Icons – Illustrator
In this tutorial you’ll learn how to create a set of simple and trendy flat-style gem icons in Illustrator.
How to Create a Beautiful Flip Flop Icon – Illustrator
Learn how to create these flip-flop icons in Illustrator.
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.