node package manager
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org ยป



Read SVGs from a directory, creates sprites of each svg with color variations specified in a separated JSON file, and generates a simple CSS file.


Install the module with npm:

npm install svg2css


  • dataUris Type: Boolean. Default: false

    Generate CSS file with base64 SVGs as data URIs

  • spriteCellWidth Type: Number. Default: 520

    The width of each sprite cell

  • spriteCellHeight Type: Number. Default: 520

    The height of each sprite cell

  • svgPath Type: String. Default: 'svg/'

    Input folder of SVGs

  • outputPath Type: Sring Default: 'output/'

    Output folder for SVGs

  • cssPath Type: String. Default: 'output/svg'

    Path for the generated stylesheet

  • colorFile Type: String. Default: 'colors.js' Path to the JSON file where read the color information for color conversion. The path is relative to svgPath.


var svg2css = new SVG2CSS({
    svgPath: 'example/svg/',
    outputPath: 'example/output/',
    cssPath: 'example/output/css/',
    colorFile: 'colors.json' // relative to svgPath

See example/run.js for more info.