gatsby-plugin-optimize-svgs icon indicating copy to clipboard operation
gatsby-plugin-optimize-svgs copied to clipboard

A Gatsby Plugin to minify SVGs output to the filesystem during the build.

gatsby-plugin-optimize-svgs

Build Status

A Gatsby Plugin to minify SVGs output to the filesystem during the build. Uses svgo under the hood to minify SVGs.

Read the blog post on minifying SVGs for some more context.

Usage

Install:

$ npm install gatsby-plugin-optimize-svgs

Add to gatsby-config.js:

module.exports = {
  plugins: [
    'gatsby-plugin-optimize-svgs',
  ],
};

Example Output

59 SVGs minified, reducing the total size from 447780 bytes to 208237 bytes, a reduction of 53.5%!