grunticon takes a folder of SVG files (typically, icons that you’ve drawn in an application like Adobe Illustrator), and outputs them to CSS in 3 formats: svg data urls, png data urls, and a third fallback CSS file with references to regular png images, which are also automatically generated and placed in a folder.
Just add grunt.loadNpmTasks('grunt-grunticon');
to your Gruntfile.js
gruntfile along with a few config params and you’re good to go.