Preserve viewbox

[Aybee5]

#120 mentions a way to preserve 'viewbox', I've spent some time experimenting with how to safeguard that before finally seeing the PR. It would be helpful if the PR got merged 🙏🏾

[jpkleemans]

Thanks for mentioning it! I'll merge it soon, please follow the progress at the PR

[MickL]

Has this been published @jpkleemans ? I am on 5.1.0 and viewbox is not preserved.

[C-gotoh]

@MickL The mentioned PR just adds documentation how to change the configuration to preserve the viewBox, it does not need to be merged for you to apply it. Unfortunately the default setting used in the svgo library won't change in the near future.

[jgaehring]

Copy'n'pasting the additions to the README for lazy ppl like me who feel overwhelmed by clicking through to another link. 😉

By default, SVGO does not preserve the viewBox attribute for optimization reasons. This can cause issues when you need to resize your SVG with CSS. You can pass options to svgLoader() to disable the removal of the viewBox attribute.

svgLoader({
  svgoConfig: {
    multipass: true,
    plugins: [
      {
        name: 'preset-default',
        params: {
          overrides: {
            // @see https://github.com/svg/svgo/issues/1128
            removeViewBox: false,
          },
        },
      },
    ],
  },
}),

Works great for me! Thx y'all!! 🙏🏻

[hackel]

New svgo 4.0 is out that removes removeViewBox from the default preset! @jpkleemans Would you accept a PR to update svgo to the latest version?