Skip to content
UdemyGraphic DesignPaid courseAll LevelsCertificate

Icon Design in Adobe XD - From Sketching to Flat Icon Sets (Udemy.com)

Learn the fundamentals of icon design and create a beautiful flat icon set by combining and overlaying shapes

Created by: Caleb Kingston

Last updated March 2019

icon
What you will learn

  • Vector Design
  • Sketching your ideas
  • Establishing grids
  • Creating simple shapes, paths, and strokes to make complex icons
  • Creating custom shapes with the pen tool
  • Using Transparency
  • Practical graphic design skills that can be used in Illustrator, Affinity Designer, Sketch, Figma and dozens of other design tools
  • Exporting icons in PNG, SVG, JPG, PDF and more

icon
Course Description

Learn how to design visually engaging and cohesive icon sets in any program. I'll teach best practices on brainstorming icons, finding the right metaphors, sketching your ideas, and finally designing high resolution icons and simple icon versions that will work on smaller screens.

Although I'll be teaching you in Adobe XD (because it is free), I'm going to cover tools that are also found in your favorite design programs including:

  • Adobe Illustrator

  • Sketch

  • Figma

  • Affinity Design

  • Invision Studio

  • and many more

The concepts you learn here can be put into practice for web graphics, web design, interaction design, graphic illustration and much more.

Things you will learn in this course include:

  • Overview of Adobe XD

  • Understanding types of icons and when to use them

  • Creating a design brief and planning your icons to have a consistent style and colors.

  • Researching icon metaphors and sketching your ideas

  • Setting up your workspace for icon design

  • Creating and merging shapes to create complex icons

  • Using Transparency

  • Balancing icon sizes and positions

  • Creating a simple icon set

  • Converting a filled icon set to outlines

  • Exporting icons

  • and more.

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Caleb Kingston

Back in 2010, I started brainspin with a desire to design compelling and engaging apps. For over 7 years, I have designed many high profile web and iPhone applications. The applications range from 3D medical aided web applications to project management applications for niche industries. 

I am also the founder of a large local design organization, Salt Lake Designers, where I and other local influencers help cultivate the talents of up and coming UX designers through workshops and panel discussions.

icon
More courses by Caleb Kingston

$119.99

$12.99

$64.99

icon
More Graphic Design courses

$84.99

$10.99

$19.99

Free

$109.99

$84.99

icon
Reviews

4.4

149 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By Damian Rensen on 4/28/2021

Good course, practical and useful information. One thing that I would change though is the style of the icons. In my opinion, the style is quite outdated. Other than that, great!

By Lainey Odette on 10/16/2020

Great course for someone who already knows a bit of basics for design and Adobe XD. You really don't have to know a lot, but because the course is quick and short, knowing a bit beforehand would probably be helpful. Tons of great tips and ideas on how to make icons that are appropriate, scalable, and consistent. The instructor was easy to listen to and follow, and clearly knowledgeable. I would recommend this course to anyone interested in learning the basics of icon design. The only reason for 4.5 stars instead of 5 is that it would have been nice to have more prescriptive practice built-in. But all-in-all, great course. I definitely learned a lot!

By Leigham Springer-sutton on 3/10/2020

Good intro to icon design, I just wish color theory was talked about a bit so the student can learn how to appropriately pick colors for their icon design and I also would have appreciated a little bit more icon designs. Other than that I'm satisfied.

By Jana Yung on 1/29/2020

everything was great! there was one lecture where he was teaching us how to draw the heart and that was a bit confusing - especially to new students learning how to use the bezier curve.

By YogaBoy _ on 4/25/2019

miss all icon tutorial .. just only 2 color icon tutorial

By Manish Sharma on 4/22/2019

Clean, to the point. Easy to understand. Could have been better by including a few quiz on the terminology used.

By Ming Ho on 4/4/2019

I think so far the course has provided some good tips, especially for people who know nothing about icons. I played around with Adobe XD before, but I don't have any design experience so it's nice to learn how to use the software from a pro!

By İpek Şen Bayraktar on 4/1/2019

I really like the course and appreciate his having good command of the subject. He explains really good and clarifies the important points. It's educational and enjoyable.

By At on 3/31/2019

This course is exactly what I needed to learn and grasp the basics of icon design. I was always wondering how to learn it on my own, but now thanks to Caleb's course it is much more easier. Now it's on me to go further and practice what i learn here more and more. Thanks Caleb

By Maryna Mottet on 3/26/2019

I would like to say that I really liked this course. Caleb made it as easy as it's possible to explain every little detail that can help you create a bunch of icons in Adobe XD. His speech and the information were more than clear for me as non native English speaker. So, I am happy that I bought this course.

Showing all 10 reviews on CourseDuck

Read all 149 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 88 / 100