Or use something like Inkscape, but then remove all the extra stuff manually. You can even color SVG with CSS, making it easy to integrate single color icons i

Or use something like Inkscape, but then remove all the extra stuff manually. You can even color SVG with CSS, making it easy to integrate single color icons into color schemes: https://css-tricks.com/almanac/properties/f/fill/ https://css-tricks.com/almanac/properties/f/fill/ edit: sigh, I don't know if that's for suggesting to use Inkscape and then remove stuff manually, or for linking css-tricks... so I'll answer to both hypothetical criticisms: 1.) You can't make something like this, as simple as it is, purely by entering numbers into a text file: http://b.sandboxx.org/icons/autonomy.svg http://b.sandboxx.org/icons/autonomy.svg 2.) I couldn't find a better page on fill, MDN for example flat out pretends there is no such CSS property, redirecting to SVG: https://developer.mozilla.org/en-US/docs/Web/CSS/fill https://developer.mozilla.org/en-US/docs/Web/CSS/fill But I know CSS has this property because I'm using it, and it's awesome. You obviously don't need it on a site that just has one color scheme, or if using either black or white outlines depending on background is good enough -- but if you want icons that scale and fit any color scheme, and want to avoid digital pollution, this is something you should be aware of.