Skip to main content
View plugin on GitHub
See starters using this

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%!

Docs
Tutorials
Plugins
Blog
Showcase