xml-transform.js

// Simple node file to remove fill attribute from svg (for using in angular, mat icon, or other...)
// External libraries needed: "xmldoc": "^1.1.2"

const fs = require('fs');
const xmldoc = require('xmldoc');

const removeFillAttrRecursively = (node)=> {
    if(node?.attr?.fill){
        delete node.attr.fill;
    }
    if(node?.children?.length){
        node.children.map(child => {
            return removeFillAttrRecursively(child);
        })
    }
    return node;
}

const dirIn = `images/icons-in`;
const dirOut = `images/icons-out`;

console.log('#### start ####');
const dirList = fs.readdirSync(dirIn);
if (!fs.existsSync(dirOut)){
    fs.mkdirSync(dirOut);
}
dirList.forEach((svgFilename) => {
    const fileContent = fs.readFileSync(`${dirIn}/${svgFilename}`,{encoding: 'utf-8'});
    const document = new xmldoc.XmlDocument(fileContent);
    const resultDoc = removeFillAttrRecursively(document);
    console.log('Writing', svgFilename);
    fs.writeFileSync(`${dirOut}/${svgFilename}`, resultDoc.toString(),{encoding: 'utf-8'});
})
console.log('#### done ####');