Gulp svg sprite

1. npm install
2. gulp watch
3. add or remove svg files from the two folders in includes/img/ to recompile

Inline sprite

Inline svg tag, works in all browsers but does require a polyfill for IE. This is the task called sprite. You do need to run this html file on a server to see the svg icons.

• avatar
• calendar
• chat
• magnify
• newspaper
• twitter

Background image

Svg sprite that can be used as background image. As with icomoon, the icon is rendered via a scss mixin and css compilation fails when the icon is missing but is referenced via the mixin. This is the task called bgImg.

• United Arab Emirates
• Belgium
• Brazil
• Germany
• France
• Netherlands
• United Kingdom

Please note this is a basic setup, the gulp sprite tasks do not contain error handling.