Reviewed using Maki icons.
Download Maki, unzip it, and check out the file labeled maki-icons.svg. The .svg extension stands for, “Scalable Vector Graphics” - a file format all common vector graphic applications support. For a solid application we recommend Inkscape, a free to install, open source graphics editor. Ths tutorial walks through manipulating color using Inkscape although the steps are easily translatable to other applications.
Let’s first set a couple things up in Inkscape:
Your screen should now look something like this:
Each icon set is grouped together by a unique id. Because of this its important to use the Edit paths by node tool to select the icon to change its fill color. This tool is located just below the selection tool on the left hand pane or by selecting F2:
With the icons you want selected, You can change the color by adjusting the fills from the Fill and Stroke window or by selecting a pre existing swatch from the fill options below. In this example I have selected each of the three icons in the park set and given these icons a green color:
The icons will batch render themselves as .png’s in the same directory the .svg is located in.