Clean symbols about unplugin-icons

[Akryum]

https://regex101.com/r/rniQWb/1

[Akryum]

This works:

const myCollection = FileSystemIconLoader('./src/assets/icons')

/** @type {import('unplugin-icons').Options} */
const unpluginIconsOptions = {
  customCollections: {
    mine: async name => {
      let svg = await myCollection(name)
      if (svg) {
        // Clean attributes
        svg = svg.replace(/\s*(fill|stroke)="(.*?)"/g, '')
      }
      return svg
    },
  },
}

[antfu]

Can you share more context about why we need this? I suppose some icons are designed to be used with colors (logos etc.). Is there any obstacle to remove them in the svg you provided or using a custom loader?

[Akryum]

Well that's what we are doing to remove all the fill="black" coming from the design team for our custom icons. I guess it can be useful, but we will probably change each svg source code to use currentColor anyway 😅

[antfu]

We could probably accept a transform function for FileSystemIconLoader to do a custom clean up for on user side to be more general, what do you think?

[Akryum]

Sounds good 👍