Optimized configuration for optimizing SVGs 🤡

svgo.config.js

export default {
  // js2svg: {
  //   indent: "  ",
  //   pretty: true
  // },
  multipass: true,
  plugins: [
    "cleanupAttrs",
    "cleanupEnableBackground",
    "cleanupIds",
    "cleanupListOfValues",
    "collapseGroups",
    "convertColors",
    "convertPathData",
    "convertShapeToPath",
    "convertStyleToAttrs",
    "convertTransform",
    "removeComments",
    "removeDesc",
    "removeDimensions",
    "removeDoctype",
    "removeEditorsNSData",
    "removeMetadata",
    "removeNonInheritableGroupAttrs",
    "removeOffCanvasPaths",
    "removeRasterImages",
    "removeScriptElement",
    "removeUnknownsAndDefaults",
    "removeUnusedNS",
    "removeUselessDefs",
    "removeUselessStrokeAndFill",
    "removeTitle",
    "removeXMLProcInst",
    "removeEmptyAttrs",
    "removeEmptyContainers",
    "removeEmptyText",
    "inlineStyles",
    "mergeStyles",
    "minifyStyles",
    "removeStyleElement",
    "removeHiddenElems",
    {
      name: "mergePaths",
      params: {
        force: true,
        noSpaceAfterFlags: true
      }
    },
    "sortAttrs",
    {
      name: "addAttributesToSVGElement",
      params: {
        attributes: [
          { focusable: "false" },
          { fill: "currentColor" }
        ]
      }
    },
  ]
};