StretchLearn Course
Grid, optical correction, and library management for production iconography
Course Overview
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.
Learning Outcomes
Build a 24px icon grid with keyline shapes, padding, and stroke rules
Apply optical correction so icons look balanced rather than mathematically equal
Design a cohesive set using shared corner radius, stroke weight, and terminal style
Produce clean, optimized SVG with merged paths and consistent viewBox
Organize, name, and version an icon library for handoff to developers
Export multi-size PNG and SVG assets and audit a set for visual consistency
Curriculum Preview
Preview the course structure, see how the modules build on one another, and understand the path this program is designed to take you through.
Understand what makes an icon read instantly and why a grid is the backbone of a consistent set.
Move from grid to finished vector, mastering geometry, alignment, and the optical corrections the eye demands.
Scale from individual icons to a unified set with shared rules, families, and a consistent visual voice.
Produce clean SVG, organize a versioned library, and hand off assets that developers can drop straight into products.
Built for Application
This program is designed around progression: focused lessons, structured modules, applied resources, assessments, and a course rhythm that turns information into usable capability.