Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

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%!
© 2023 Gatsby, Inc.