A flexible icon family in 6 weights

An aerial view of a desktop, with digital devices, a command key, and paperclips

Introducing Phosphor Icons, a flexible icon family for everyone. Toby Fried and I have been hard at work the last 3 months drawing 588 icons in 6 weights, building out design and developer libraries, and showcasing the product in our website.

  • 588 icons…


And why they matter

More in the iconography series:Foundations of Iconography7 Principles of Icon Design5 Ways to Create a Settings IconIcon Grids & Keylines DemystifiedPixel-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 Design5 Ways to Create a Settings IconIcon Grids & Keylines DemystifiedPixel-Snapping in Icon Design3 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 Iconography7 Principles of Icon Design5 Ways to Create a Settings IconPixel-Snapping in Icon Design3 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 Iconography7 Principles of Icon DesignIcon Grids & Keylines DemystifiedPixel-Snapping in Icon Design3 Classic Icon Families

The gear has become a ubiquitous symbol for settings in our digital applications.


Clarity, Readability, Alignment, Brevity, Consistency, Personality, Ease of Use.

More in the iconography series:Foundations of Iconography5 Ways to Create a Settings IconIcon Grids & Keylines DemystifiedPixel-Snapping in Icon Design3 Classic Icon Families

Creating a high-quality icon family requires a thoughtful approach, a trained eye, a bit of iteration, and…

Helena Zhang

Designer/writer. Brand, product, systems. • helenazhang.comdribbble.com/minoraxisphosphoricons.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store