SVG Sprites

Gulpfile.js

// npm install gulp gulp-cheerio gulp-rename gulp-svgmin gulp-svgstore gulp-watch --save-dev
// gulp watch

var paths = {
  icons: './app/assets/images/sprites/*.svg',
  dest:  './app/assets/images/'
};

var gulp     = require('gulp'),
    path     = require('path'),
    cheerio  = require('gulp-cheerio'),
    rename   = require('gulp-rename'),
    svgmin   = require('gulp-svgmin'),
    svgstore = require('gulp-svgstore'),
    watch    = require('gulp-watch');

gulp.task('sprites', function () {
  return gulp.src(paths.icons)
    .pipe(svgmin({
      js2svg: { pretty: true },
      plugins: [{ cleanupIDs: false }]
    }))
    .pipe(rename({ prefix: 'sprite--' }))
    .pipe(svgstore({ inlineSvg: true }))
    .pipe(cheerio({
      run: function ($, file) {
        $('svg').attr('style', 'display:none');
        // $('[fill]').removeAttr('fill');
      },
      parserOptions: { xmlMode: true }
    }))
    .pipe(rename('sprites.svg'))
    .pipe(gulp.dest(paths.dest));
});

gulp.task('watch', function() {
  gulp.watch(paths.icons, ['sprites']);
});