svg2react-icon

A library to generate reusable React Icon components from raw SVG icons

Features

• Create a React Icon component file for each raw SVG icon file
• Rename illegal SVG attributes
• Optimize the SVG (remove comments, unnecessary parts, etc)
• Remove colors so that the parent's font-color will be cascaded to the icon
• Optional - output TypeScript components

Install

npm install --save-dev svg2react-icon

Sample usage

In your package.json:

{
  "scripts": {
    "build": "svg2react-icon [options] <inputDir> <outputDir>",
    ...
  }
}

Or in the command-line:

svg2react-icon [options] <inputDir> <outputDir>

Options:

  --typescript    generate TypeScript components instead of JS
  --monochrome    strip all fill and stroke attributes
  --named-export   use named export instead of export default

License

MIT