Replace png assets with svg

[bhousel]

These things are all available in svg and will look much better on retina. Using svg would also eliminate the extra build step generating the png.

• line preset icons -> move to sprite.svg
• relation preset icons -> move to sprite.svg
• Maki
• cursors? check browser support first.
• cleanup /svg folder

capturing convo w/@samanpwbb

[bhousel]

Rolling most of this into #2811, will merge what is done in the next few days, and consider svg cursors another time.

[sisskind]

@bhousel Having an issue getting the SVG icons to appear, specifically the menu (zoom in, zoom out, etc.) The feature icons are appearing when the dataset is loaded. Have run the npm install command and make clean && make, but just getting blank icons. Is there something I am missing?

[bhousel]

We did have an error in the makefile that was causing the svg sprite to not get built unless svg-sprite was in your path. Are you testing this with latest code from master?

You can also try rm -rf node_modules and the redo the npm install step. This sometimes can clear things up, e.g. if you got stuck with an unlucky combination of dependency versions.

[tmcw]

According to this document, SVG cursors aren't supported in WebKit and this testcase confirms that.

[bhousel]

Thanks for checking! We'll close this..