Grunticon: A Grunt.js plugin for managing and delivering sharp icons to all devices


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.

grunticon — A mystical CSS icon solution →