A flexible icon family in 6 weights
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.
Overview
- 588 icons…
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.
Clarity, Readability, Alignment, Brevity, Consistency, Personality, Ease of Use.
More in the iconography series:• Foundations of Iconography• 5 Ways to Create a Settings Icon• Icon Grids & Keylines Demystified• Pixel-Snapping in Icon Design• 3 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.com • dribbble.com/minoraxis • phosphoricons.com
