Requirements

Node.js (> 0.12)

Tools

• svg-sprite
• svgo
• svgshelf
• grunticon
• gulp-svg-sprite
• grunt-svg-sprite
• node-iconizr
• svg-fallback
• gulp-svgmin

References

• awesome-svg
• SVG symbol a Good Choice for Icons
• SVG use with External Reference, Take 2
• A Complete Guide to SVG Fallbacks
• A Compendium of SVG Information
• Using SVG
• Inline SVG vs Icon Fonts
• Ten reasons we switched from an icon font to SVG
• My speech about this in Chinese: 灵活的 Web 图标

Up and Running

npm i
npm start

Generate SVG Symbols

SVG source files created by your awesome designer.

./svg-source/

Default generated file name.

./app/images/icon-svg-symbol.svg

Generate!

node ./generate-svg-symbols.js