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

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

 
ENROLL NOW!
Placeholder Image

LIFETIME ACCESS

Purchase once and receive lifetime access including continued updates as the software improves.

Placeholder Image

AVAILABLE ON IOS AND ANDROID

View this course on a desktop or on your mobile devices.

Placeholder Image

Certificate of Completion

Get a certificate of completion when you've finished this course. 

What you will Learn

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.
Placeholder Image
ADOBE XD INTERFACE

Learn your way around designing icons for Adobe XD including the tools panel, layers, and how to style objects.

Placeholder Image
TYPES OF ICONS

We’ll go over what icons are, different types of icons, and the three categories you can use icons in.

Placeholder Image
ICON DESIGN BRIEF

Learn how to create or use a design brief to guide your icon designs so you can have a consistent combination of icons.

Placeholder Image
RESEARCHING ICON METAPHORS

Learn how to research and search for the best metaphors to convey meaning with your icons.

Placeholder Image
SETTING UP YOUR WORKSPACE

Learn how to start a project, create artboards, and set up a grid pattern to make designing your icons balanced and aligned.

Placeholder Image
COMBINING SHAPES

Learn how to create simple shapes and combine them together to get a complex shape for your icons.

Placeholder Image

TRANSPARENCY

Learn how to use transparency on your objects to create shadow or reflection effects.

Placeholder Image
BALANCING ICONS

Learn to balance your icon sets with sizing and position to make them feel like they belong together.

Placeholder Image
CREATING ICON SETS

Learn how to create a simple icon set from the flat more complex icons we create. These icons can be used for smaller screens.

Placeholder Image
CONVERTING FILLED ICONS TO OUTLINE

After you create a filled icon set, we’ll cover converting this icons to outlined versions so you can use them to illustrate active vs inactive states.

Placeholder Image
EXPORTING ICONS

Learn how to export icons to SVG, PNG, JPG and more formats in the size standards that match the web, iOS, and Android.

Placeholder Image
AND MORE

This course is continually being updated with the latest best practices in Icon Design.

Who should take this course

This course is meant beginning graphic designs that want to enhance their knowledge and skills in designing icons and logos.

GRAPHIC DESIGNERS

Wanting to advance in icon design to compliment and help illustrate meaning.

INTERFACE DESIGNERS

Wanting to enhance their apps with icons to help with navigation and convey information.

VECTOR DESIGNERS

Wanting to learn the latest in Adobe XD as it relates to icon design.

Video Poster Image

By the numbers

Icon Design in Adobe XD has over 3,500 students with 1.5 hours of learning material and a 4.9 star review average.

 

36

Lectures

 

 

4,110

Students

 

 

5

Star Reviews

 

Student Testimonials

Don’t take our word for it – here’s what our students say:

Placeholder Image

Very helpful for getting me started with designing icons in Adobe XD. I wasn’t familiar with the tools used for icon design before now.

Rakesh
Placeholder Image

Awesome tutorials! I purchased the Adobe XD course first and then took this one after. These tutorials go a long way into helping me master my UI skills.

Kit
Placeholder Image

Enjoyed the course. Very easy to undertand and follow. Caleb did great explaining icon concepts, when and how to use them, and how to quickly come up with the design that fits your goals.

Stefan

Enroll Now and Get Lifetimes Access

  • Over 30 videos with over 2.5 hours of content.
  • Access to all future content as the course updates. 
  • Access to a private community
  • Free design resources and tips for life.
ENROLL NOW!