Master new skills with our 21-day learning paths, broken into easy 5-minute daily lessons.

Start your journey for free.

design Beginner 21 lessons

Iconography & Symbols

Create custom icon sets. Master grids, metaphors, vector pathfinder operations, and SVG export for pixel-perfect systems.

Icons are the universal language of UI. This course teaches you to design cohesive icon sets from scratch. You will learn to use icon grids and keylines for consistency. Master vector tools (Pen tool, Boolean operations) in Illustrator or Figma to create crisp shapes. We cover visual metaphors, stroke weights, and optical balancing. Learn to export clean SVGs for development and create icon fonts. Stop using generic libraries and build your own assets.

100% Free & Lifetime Access
⏱️ 5-Minute Lessons (Bite-sized learning)
🚀 21-Lesson Path (Independent modules)
📱 Mobile Friendly (Learn anywhere)
Illustrators
Start Learning
Secure Enrollment via SSL

Complete Course Syllabus

  • 1
    Icon Grids
    Pixel perfection and standard sizes (24px, 32px).
  • 2
    Metaphors
    Communicating concepts like 'Settings' or 'Share'.
  • 3
    Construction
    Using shapes and pathfinder vs the Pen tool.
  • 4
    Style & Consistency
    Stroke weight, corner radius, and filled vs outline.
  • 5
    Exporting
    Cleaning paths and optimizing SVGs for code.

Estimated completion time: 21 lessons • Self-paced learning • Lifetime access

Career Outlook

Estimated Salary
$70k - $100k

Career Paths

Iconographer $70k-$110k
Visual Designer $80k-$120k
Brand Designer $75k-$115k

What You Will Learn

Design cohesive icon sets using grids and keylines
Master vector construction using boolean operations
Create intuitive visual metaphors for complex actions
Export optimized SVGs for web and mobile development
Build icon libraries and fonts for design systems

Skills You Will Gain

Vector Illustration Icon Design SVG Optimization Visual Metaphor Grid Systems

Who Is This For

Visual Designers
Illustrators
UI Designers

Prerequisites

None
Pen tool basics helps

Iconography & Symbols FAQs

Drawing skills?

No, icons are geometric construction, not sketching.

Figma or Illustrator?

We cover both; Illustrator is more powerful for vectors.

Stock icons?

We teach creating custom ones to match brands.

Optical balance?

Crucial concept covered: centering by eye vs math.

Start Learning