svg-sprite/svg-sprite

Health v2 · maintenance only

Flags: prerelease_only

Adoption not part of the score

1986 stars · 256 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A low-level Node.js module that takes a batch of SVG files, optimizes them with SVGO, and generates SVG sprites of several types (CSS sprites, <defs>/<symbol> inline sprites, SVG stacks) along with matching stylesheet resources. It ships Mustache templates for CSS, Sass, Less, and Stylus output and can also produce an HTML example document.

Use cases

• generate an SVG sprite sheet from a folder of icon SVGs
• create CSS sprites for background images from SVG files
• build inline <symbol> sprites for use with <use> elements
• generate Sass, Less, or Stylus variables and mixins for an icon set
• optimize SVG icons and bundle them into an SVG stack
• produce an HTML preview page demonstrating sprite usage
• integrate SVG sprite generation into a Grunt or Gulp build pipeline

When to choose

• you need SVG sprites or icon spritesheets generated programmatically in Node.js
• you want stylesheet output in CSS or a preprocessor like Sass, Less, or Stylus
• you need multiple sprite types (CSS, <defs>, <symbol>, stacks) from one tool
• you want a low-level library to wrap in your own build tooling or task runner

When to avoid

• you need a ready-made GUI or CLI-only workflow without writing Node.js code
• you want raster (PNG) sprite generation — consider iconizr for PNG fallbacks
• your project uses modern bundler icon plugins that inline SVGs automatically
• you need to sprite non-SVG raster images like JPEG or PNG sources

Facets

library · maturity stable

image-processing templating build-tool web-development frontend graphics cross-platform svg svg-sprite css-sprites icons svgo sass less stylus mustache-templates stylesheet-generation nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="svg-sprite/svg-sprite")