Partner,  Waybury



Iconic is an icon system designed for the modern web. It showcased an entirely new way to think about how icons could be used on the web.

Iconic demonstrated that icons could be a living, dynamic visual language as opposed to static imagery. We did this by using every ounce of what SVG provided and blending that was CSS and Javascript.

Each icon is designed at three different sizes and every element can be individually styled.

Icon sizes

Iconic used a new technique where a single icon could be set to hundreds of different states in realtime.

Iconic arrow variations

Every icon has a detailed breakdown of its structure and styling information — allowing for individual elements to be styled.

Iconic documentation

Have a look or read about it on  WIRED.