Grunt Task Configuration for SVG in CSS Backgrounds

Gruntfile.js

// clean the generated icons directory that’s used with grunticon
clean: {
  icons: ['<%= pathTo.jcrRoot %><%= pathTo.projectDesigns %>static/icons/dist/']
},
// minify SVGs
svgmin: {
  options: {
    plugins: [
      {
        removeViewBox: false
      }, {
        removeUselessStrokeAndFill: false
      }
    ]
  },
  build: {
    files: [{
      expand: true,
      cwd: '<%= pathTo.jcrRoot %><%= pathTo.projectDesigns %>static/icons/source/raw/',
      src: ['*.svg'],
      dest: '<%= pathTo.jcrRoot %><%= pathTo.projectDesigns %>static/icons/source/compressed/'
    }]
  }
},
grunticon: {
  build: {
    files: [{
      expand: true,
      cwd: '<%= pathTo.jcrRoot %><%= pathTo.projectDesigns %>static/icons/source/compressed/',
      src: ['*.svg'],
      dest: '<%= pathTo.jcrRoot %><%= pathTo.projectDesigns %>static/icons/dist/'
    }]
  }
}