SVGO plugin which adds "viewBox" attribute based on "width" and "height" attributes
MIT License
An SVGO plugin to add
viewBox
attribute based onwidth
andheight
attributes
This plugin adds the viewBox
attribute to your SVGs based on the width
and height
attributes. The difference between this plugin and the built-in removeDimensions
plugin is that svgo-add-viewbox
does not remove the width
and height
of your SVGs.
In order to use this plugin correctly, your SVGs should have their width
and height
attributes specified.
v2.x.x or 3.x.x of this plugin should be used with SVGO v3 and above.
v1.x.x of this plugin should be used with SVGO v2.
svgo.config.js
file following the official configuration guide
npm install svgo-add-viewbox --save-dev
# or
yarn add svgo-add-viewbox -D
import
the module in your svgo.config.js
file:import addViewBox from 'svgo-add-viewbox';
plugins
array in your svgo.config.js
file add the following:plugins: [
// ... more plugins
addViewBox
// ... more plugins
];
overwrite
- boolean - defaults to true
- If set to false
will preserve any existing viewBox
attribute on your input SVG files.Usage:
plugins: [
// ... more plugins
{
...addViewBox,
params: {
overwrite: false
}
}
// ... more plugins
];
MIT