removeDimensions

Removes the width and height attribute from the top-most <svg> element if specified, and replaces it with the viewBox attribute if it's missing.

info

This is effectively the opposite of the removeViewBox plugin, ensure that is disabled before using this one.

Usage

svgo.config.js
module.exports = {
  plugins: [
    "removeDimensions"
  ]
}

Demo

Live Editor

const svg = `
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox=" 0 0  150 100 " width="150">
  <!-- Created with love! -->
  <defs>
    <ellipse cx="50" cy="50.0" rx="50.00" ry="auto" fill="black" id="circle"/>
  </defs>
  <g>
    <use href="#circle" transform="skewX(16)"/>
    <rect id="useless" width="0" height="0" fill="#ff0000"/>
  </g>
</svg>
`;

const svgoConfig = {
  js2svg: { indent: 2, pretty: true },
  plugins: [
    "removeDimensions"
  ]
}

render(<SvgoPreview svg={svg} svgoConfig={svgoConfig}/>);

Result