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