Remove Elements by Attribute

Removes arbitrary elements by ID or className.

Usage

Basic

svgo.config.js

module.exports = {
  plugins: [
    "removeElementsByAttr"
  ]
}

Parameters

svgo.config.js

module.exports = {
  plugins: [
    {
      name: "removeElementsByAttr",
      params: {
        id: [],
        class: []
      }
    }
  ]
}

Parameters

id

Remove elements where one of these IDs will be match the element ID.

class

Remove elements where the class attribute includes at least one of these classes.

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: [
    "removeElementsByAttr"
  ]
}

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

Result

Loading...

Implementation

• https://github.com/svg/svgo/blob/main/plugins/removeElementsByAttr.js