4.8 out of 5
140 reviews on Udemy

Icon Design in Adobe XD – From Sketching to Flat Icon Sets

Learn the fundamentals of icon design and create a beautiful flat icon set by combining and overlaying shapes
Caleb Kingston
4,301 students enrolled
English [Auto]
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

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.

You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.8 out of 5
140 Ratings

Detailed Rating

Stars 5
Stars 4
Stars 3
Stars 2
Stars 1
30-Day Money-Back Guarantee


2 hours on-demand video
1 article
Full lifetime access
Access on mobile and TV
Certificate of Completion


Working hours

Monday 9:30 am - 6.00 pm
Tuesday 9:30 am - 6.00 pm
Wednesday 9:30 am - 6.00 pm
Thursday 9:30 am - 6.00 pm
Friday 9:30 am - 5.00 pm
Saturday Closed
Sunday Closed