SVG to CSS

Convert SVG files to CSS classes with inline SVG as background image. This tool can be used both as a command line tool and a Node.js module.

Installation

Install via npm:

npm install svg-to-css

Or via yarn:

yarn add svg-to-css

Usage

As a command line tool

You can use the svg-to-css tool from the command line. The tool accepts the --file option for specifying the SVG file and the --output option for specifying the output directory.

The options are:

• --file, -f: Path to the SVG file (default: ./default.svg)
• --output, -o: Output directory for the CSS file (default: ./)

Example usage:

node svg-to-css.mjs
node svg-to-css.mjs --file ./test.svg --output ./css
node svg-to-css.mjs -f ./test.svg -o ./css

For help with the command-line options, use the --help or -h option:

  node svg-to-css.mjs --help

As a Node.js module

You can also import svg-to-css as a Node.js module.

import svgToCSS from "svg-to-css";

await svgToCSS("./path/to/your/svg", "./path/to/css/output");

The svgToCSS function takes two arguments:

• inputFile: The path to the SVG file
• outputDir: The output directory for the CSS file