It was recently released the SVGZR Grunt Plugin, which makes super-easy to implement SVG icons in your website, with automatic PNG fallback for older IE versions.

![10-metro_ui_dock_icon_set__678_svg_icons_by_monkee98-d5deacy](/assets/10-metro_ui_dock_icon_set__678_svg_icons_by_monkee98-d5deacy.jpg)

SVGZR will help you to:

  • take all the SVG images from an input folder
  • compress the SVG removing useless data from the SVG format
  • embed all the SVG images in a CSS file (using the base64 encoding), each one with a specific class name referring to the file name
  • create a PNG sprite image as a fallback for legacy browsers

You can find the Grunt Plugin and more information at this SVGZR GitHub page, and you can install it as a NPM module.