Programming, microcontrollers and photography




The Color Noun Project

17 Dec 2011
Posted by John

 Hopefully you are familiar with The Noun Project. The mission of this project:The Noun Project collects, organizes and adds to the highly recognizable symbols that form the world's visual language, so we may share them in a fun and meaningful way. Currently there are about 1000 icons in the collection.

Like these: 

The images are high-quality vector based SVG files. But they are black only, would it not be nice to be able to personalize them like these:

To make that available to you, I created a piece of code that attaches selection events to the SVG paths and uses JQuery and the Farbtastic colorpicker to let you choose fill-colors of some separate SVG paths. 

Unfortunately, the symbol selector is very simple, maybe that can change when the noun project's API is published.

Below is a screendump from the demo-page at http://www.midity.com/demosites/colornounproject/



Powered by Drupal, an open source content management system