CSS-Tricks Example

Inline SVG Examples

SVGs With Up To Two Colors

Inline SVG Notes

The svg-builder directory in this project, contains a complete inline SVG build workflow. It requires you to have an understanding of things like Grunt and a bit of comfort with the command line. You may also want to do a bit of reading to get some background on inline SVG works. Here are some hand-picked posts to get you started:

Ok…ok, the tl;dr is to hit the terminal and type:

git clone -b svg-inline-experiments --single-branch https://github.com/unicorn-ui/Buttons.git Buttons && cd Buttons && npm install && pushd svg-builder && npm install && grunt && popd && grunt dev
And then go ahead and have a look at the Gruntfile.js