custom-feather-icons

build.js

const feather = require('feather-icons/dist/icons.json')
const pascal = require('just-pascal-case')
const { promises: fs } = require('fs')
const { join } = require('path')
const iconList = require('./icon-list.json')

const handleComponentName = name => name.replace(/\-(\d+)/, '$1')

const component = icon =>
`<script>
  export let size = "100%";
  export let strokeWidth = 2;
  let customClass = "";
  export { customClass as class };

  if (size !== "100%") {
    size = size.slice(-1) === 'x' 
          ? size.slice(0, size.length -1) + 'em'
          : parseInt(size) + 'px';
  }
</script>

<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} fill="none" viewBox="0 0 24 24"  stroke="currentColor" stroke-width="{strokeWidth}" stroke-linecap="round" stroke-linejoin="round" class="feather feather-${icon} {customClass}">${feather[icon]}</svg>
`

const srcDir = join(__dirname, 'src')
const iconPath = join(srcDir, 'icons')

async function build () {
  await fs.rmdir(iconPath, { recursive: true })
  await fs.mkdir(iconPath)
  const { exportList, writeFunctions } = [ ...new Set(iconList) ].reduce((out, icon) => {
    const name = pascal(`${handleComponentName(icon)}-icon`)
    out.exportList.push(`export { default as ${name} } from './icons/${name}.svelte'`)
    out.writeFunctions.push(fs.writeFile(join(iconPath, `${name}.svelte`), component(icon), { encoding: 'utf8' }))
    return out
  }, { exportList: [], writeFunctions: [] })

  await Promise.all([
    ...writeFunctions,
    fs.writeFile(join(srcDir, 'index.js'), exportList.join('\n'), { encoding: 'utf8' })
  ])
}

build()

icon-list.json

[
  "airplay",
  "at-sign",
  "minus",
  "plus",
  "check",
  "x",
  ...
]

package.json

{
  "main": "src/index.js",
  "svelte": "src/index.js",
  "scripts": {
    "build": "node ./build.js"
  },
  "devDependencies": {
    "feather-icons": "~4.28.0",
    "just-pascal-case": "~1.1.0"
  }
}