@becklyn/feather-icons-extractor

Extracts and pre-processes feather icons

Usage no npm install needed!

<script type="module">
  import becklynFeatherIconsExtractor from 'https://cdn.skypack.dev/@becklyn/feather-icons-extractor';
</script>

README

Feather Icon Extractor

An icon extractor that is tailored to the data structure of feather-icons. You need (and can) load feather-icons yourself, so that all versions are supported that implement the icons listing like the IconLibrary defined in src/Extractor.ts.

Configuration

Import the configurator and pass the target directory (attention: the script will clear the directory before extraction!).

Then pass the mapping of icons as object:

  • key: string new name
  • value: one of
    • string – the name of the icon in feather-icons (will be minified).
    • {name: string, minify: boolean} – name is the icon of the feather-icons, minify specifies whether the icon should be minified.

Implementing it in your project

Add a executable file, which can look like this:

#!/usr/bin/env node
const Extractor = require("@becklyn/feather-icons-extractor");
const featherIcons = require("feather-icons");
const path = require("path");

(new Extractor(featherIcons.icons, path.join(__dirname, "../assets/icon"))).extract({
    add: "plus",
    blocked: "slash",
    help: {
        name: "help-circle",
        minify: false,
    },
    // ...
});