Master App Icon Design for iPhone (IOS) & Android Devices

Learn to design Sleek, clean and elegant App Icons for Android and IOS (IPhone) in Illustrator and Photoshop
4.7 (317 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
9,398 students enrolled
40% off
Take This Course
  • Lectures 44
  • Length 2.5 hours
  • Skill Level Intermediate Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 12/2015 English

Course Description

UPDATED 5th Jan 2016 ***********************************************************

Added 14 Lectures and New Section on how to Design Android App Icons

**MUST have previous knowledge of Photoshop & Illustrator**


If you think that designing App Icons is difficult task using Photoshop. OR you know the basics of Photoshop or Illustrator and want to create App Icons for your IOS App or Android App; then this course is for you. This course is All about IOS & Android App Icon Design from basics to exporting all different sizes to support all devices

This course will cover all the do's and don’ts of App Icon design, you will see a lot of examples of bad and great app icons in this course. You will also learn about all the different IOS and Android App Icon sizes and specification.

There is whole section on Android App Icon Design in this course. In Android App Icon Design you will learn the whole process of App Icon design from Sketching and Ideation to converting it to shapes in Illustrator and finally generating all the different sizes for all Android Devices

Course Exercises------------------------------------------------------------------------------

→ We will design Elegant IOS Mail App icon during this course. You will also learn all the technical problems newbies face when they try to start designing IOS App Icons.

→ You will Design two icons for Hydration App and learn the process behind it. In the end, you will generate all the different sizes for Android Apps and which size you are going to submit to Google App Store

I will include all the Resources and PSD files for app icon creation process.

Who is this course for?

  • Designers
  • Photoshop Users
  • App Developers
  • App Designers
  • Anyone who wants to launch an app

Now let’s dig in and Take this course to start Designing Awesome App Icons in Photoshop and Illustrator

What are the requirements?

  • Basic Knowledge of Photoshop
  • Basic Knowledge of Illustrator
  • Photoshop and Illustrator Installed on their PC or MAC

What am I going to get from this course?

  • Learn to design professional, sleek and awesome App Icons
  • Design Simple & Cool Android App Icons
  • Learn all the IOS App Icon Design guidelines
  • Avoid beginners mistakes while desining IOS App Icons
  • Export all different sizes of IOS App icons for Ipad and Iphone
  • Learn about all the Specs and different sizes of Android & IOS App Icons

Who is the target audience?

  • Graphic Designers
  • Novice Designer
  • UI Designer
  • App Developers
  • Programmers
  • Anyone who wants to create app icon for their own app

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Introduction

This is the intro video about this IOS App Icon Design course, i will go through all the process i use for designing and exporting all different sizes for IOS App icons. We will also learn creating some shapes in Adobe Illustrator and then bringing them to Photoshop for Icon Design.

I will discuss the requirements for this course and what tools we will be using during this course


Please make sure you watch all my course on 1080p and using a bigger desktop HD screens and turn you volume to 50% and if you run into any problems, let me know


This is a must watch lecture where i tell why students rated my course 3 star and what was their basic problem

What you are going to get from this course


Learn how to use Udemy interface to learn the most from this course

Section 2: Design Guidelines for IOS App Icons

This lecture will tell us the reasons for designing an elegant and sleek App Icon


Learn about what qualities a good app icon should have


I will discuss all you have to keep in mind while designing IOS app icons. Things you need to consider from design point of view while creating App Icons


All the don'ts of IOS App icon design, always keep in mind the basics of what you need to avoid while designing IOS App icons

6 questions

Lets see what do you know about great App Icons

Section 3: Design Specs for IOS App Icons

In this lecture, you will learn all the different sizes and specs related to IOS App Icons for Iphone or Ipad

1 page

This file contains all the links to IOS Design Guidelines, try to read only the section related to IOS App Icon sizes and specs


In this lecture, i will talk about the biggest mistake new designers make while designing IOS App Icons


In this lecture, we will discuss how to use space to create focal point of IOS App Icons


In this lesson, we will learn which vector tools we will be using in Photoshop while designing IOS App Icons


In this lesson, we will setup grid for IOS App Icon design in Photoshop


In this lesson, we will see what size and specs are there to use while creating new Photoshop document for IOS App icon design


In this lesson, i have share a great Medium article on Designing app icons. And it is one of the best i have read so far so i included it in this course. Must read this one

Section 4: Design IOS Mail App Icon in Photoshop

In this lesson, we will download IOS App icon template we are going to use for viewing and exporting different IOS App icon sizes


As the author of website converted his website to paid subscription based website and he will not be offering free App Icon Templates. So i will share the alternative versions here.


In this lecture, we will check out the contents of the IOS App icon template we downloaded and we will learn about all the different layers which will help us in designing sleek IOS app icons


In this lecture, we will create 3d elevated App icon base using Photoshop, it will be a step by step detailed video lecture


In this lesson, we will design another modern gradient styled base for our IOS App icon using Photoshop


In this lesson, we will use Photoshop Shape layers to create the bottom part of our Envelop Mail Icon


In this lesson, we will use Adobe Illustrator to create the top part of our App icon Envelop shape which is rounded triangle


In this lesson, we will import our final App Icon design to the template to make few design adjustments using Photoshop


In this lesson, we will export all the IOS app icon different sizes for Ipad and Iphone all versions

1 page

Download the PSD and Illustrator Files used in this course

Section 5: Android App Icon Design Process → Hydration App Icons (3 Concepts)

This lesson is the overview of the whole section. I will show you what and how we are going to design sleek and awesome Android App Icons for Hydration App. You will learn the whole process from Sketching and getting ideas to designing and then exporting all Android App Icon sizes


In this lesson, you will learn all the 7 different sizes you need to support all Android Devices. And what size you need to submit to Google App Store


In this lesson, i will share some new do's and dont's of Android App Icon Design. Google is too specific for Designers and developers about Design Guidelines so we will see what are the major key points you need to keep in mind while designing an Android App Icon


In this lesson, i will show you how to use Material Design Grid for App Icon. You will also learn the basics of Material design and how its shadows works.


This lectures contains all the links to Design guidelines and Android App Icons specifications in detail for further reading


Here i will discuss my methods for getting initial ideas. Then i will share my initial sketches i drew on paper for the Hydration App Icons. I will also tell the reasons behind the sketches and my ideas.

We will also see how i got the 4 colors for Water waves


In this lesson, i will show you what templates we are going to use for Android App Icons. And also how to use these templates.


Links to download all the App Icon templates used for Android Product Icon


In this lesson, you will learn how to use Adobe Illustrator to crate the Glass container shape using an even grid. I will also show my grid setting for app icon design


In this lesson, we will use Adobe Illustrator to design water wave shapes. I will show you many techniques to distort and deform the water waves and create more drama in the shapes


In this lesson, we will use our Illustrator water waves shape and import it into Photoshop to create Heart filled with water app icon for Android


In this lesson, i will use another Icon design template to create Glass filled with water icon for our Hydration App


In this last lesson, we will generate all 7 sizes for Android App Icons to support all Android Devices


Download PSD Exercise files for Hydration App Icon

Section 6: Whats Next?

I will show you how to reach out to me for help and how to rate and review this course


At the end of this video, find the coupon code for my Advanced Design course "Typography Mastery for UI Designers and Developers".

If  you are unable to find the code, see the next Article based Lecture and it has Discount codes and links to both my UI Design Courses

BONUS: Get HUGE Discounts on my UI Design Courses

Find $10 Discount code for my course about Freelancing for Designers & Developers

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Muhammad Ahsan Pervaiz, UI/UX Interaction Design Expert

I started my Freelancing Career just 8 years ago and learned everything the hard way myself. I went from scratch to end up working for FORTUNE 500 companies like INTEL, PANASONIC and Coca Cola.

In just 1 years of Serious UI Designing, I made my place on DRIBBBLE
Working with Art Directors from Coca Cola and Project Managers from UK, I learned a lot in short period of time.

Worked from App Icon Design to App UI Design, from wire-frames, prototypes and Mockups Design. I have a hunger of perfecting User Interface from all aspects
I am multi-talented person who have won One Gold Medal, won a nationwide Poster Design competition from PANASONIC and won many Landing Page design contests.

Worked with Clients all over the world mostly from USA, Australia, UK, and United Arab Emirates while learning a lot on how to deal with clients while freelancing and how to present your work to them

Although I started as a UI Designer 6 years ago but I am playing with Photoshop since year 2002

My ultimate aim is to make more Awesome UI Designers and ease the pain of learning from new comers in this field of UI Design

Ready to start learning?
Take This Course