Skip to content

foundation-ui/svgjsx

Repository files navigation

SVGJSX CLI

Open Source Command Line Interface to generate JSX Icon Components from SVGs.

npm version

Quick Start

# Generate JSX components from SVGs
pnpx @usefui/svgjsx generate

# With custom directories
pnpx @usefui/svgjsx --source ./assets/icons --output ./src/components/icons

Examples

This example shows basic usage of the SVGJSX CLI.

Setup

  1. Add SVG files to the svg/ directory
  2. Run generation script: pnpx @usefui/svgjsx generate
  3. Import and use components from src/icons/

Usage

import { Icon } from "./src/icons";

function App() {
  return (
    <Icon>
      <Icon.MyIcon />
    </Icon>
  );
}

License

MIT © Nicolas Nunes

About

Open Source Command-Line Interface to generate JSX Icon Components from SVGs.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published