Phosphor Icons is live!

A rendering test. — More in the iconography series: • Foundations of Iconography • 7 Principles of Icon Design • 5 Ways to Create a Settings Icon • Icon Grids & Keylines Demystified • 3 Classic Icon Families We all want our designs to display sharp on all platforms, for all our users. To…

And why they matter — More in the iconography series: • Foundations of Iconography • 7 Principles of Icon Design • 5 Ways to Create a Settings Icon • Icon Grids & Keylines Demystified • Pixel-Snapping in Icon Design Icons communicate so much with so little. When they’re successful we hardly notice them—a pedestrian sign…

Definition, purpose, and benefits — More in the iconography series: • 7 Principles of Icon Design • 5 Ways to Create a Settings Icon • Icon Grids & Keylines Demystified • Pixel-Snapping in Icon Design • 3 Classic Icon Families An icon is a compact symbol that represents a discrete object, action, or idea. Icons…

Purpose, anatomy, and in-depth examples — More in the iconography series: • Foundations of Iconography • 7 Principles of Icon Design • 5 Ways to Create a Settings Icon • Pixel-Snapping in Icon Design • 3 Classic Icon Families If you’re a digital designer, you’ve probably encountered an icon grid before. Perhaps you were tasked to…

Learn to use an array of Illustrator features through this exercise — More in the iconography series: • Foundations of Iconography • 7 Principles of Icon Design • Icon Grids & Keylines Demystified • Pixel-Snapping in Icon Design • 3 Classic Icon Families The gear has become a ubiquitous symbol for settings in our digital applications.