Graphic & Brand Design

Icon Design

Design icon sets that stay sharp, consistent, and ready to ship

12 lessons4 modules9h 30m durationbeginner level

Instructor: StretchLearn Faculty

About this course

This course takes you from a single 24px glyph to a complete, governed icon family. You will work on a real grid and keyline system, apply optical-correction techniques the eye actually needs, and learn the SVG, naming, and export discipline that makes a set production-ready. By the end you have a coherent 30-icon set and the workflow to extend it forever.

Curriculum

Module 1: Foundations of Icon Design3 lessons

What an Icon Is and Is NotPreview45m
Setting Up the Icon Grid and Keylines🔒50m
Stroke, Weight, and Style Decisions🔒45m

Module 2: Drawing Precise, Pixel-Perfect Icons3 lessons

Vector Geometry and Boolean Operations🔒50m
Optical Correction: Making Math Look Right🔒55m
Alignment, Spacing, and Detail Density🔒45m

Module 3: Building a Cohesive Icon System3 lessons

Designing for Consistency Across a Set🔒50m
Color, Fills, and Multi-State Icons🔒45m
Style Sheets and Icon Specifications🔒45m

Module 4: Exporting and Managing an Icon Library3 lessons

Clean SVG: Optimization and Export🔒50m
Naming, Organizing, and Versioning🔒45m
Multi-Format Export and Developer Handoff🔒45m