PluginStats@spiriit/vite-plugin-svg-spritemap weekly downloads statistics
By spiriit · npm · Vite plugins
Generates symbol-based SVG spritemap from all .svg files in a directory
@spiriit/vite-plugin-svg-spritemap has 7,919 recorded weekly downloads on npm, a decrease of 46.6% over the past 30 days.
It ranks #983 of 2,251 tracked npm listings by weekly downloads.
Over 90 days, weekly downloads changed by -46.7%.
PluginStats has 542 daily observations since Apr 24, 2025; the latest is from Oct 17, 2026.
About @spiriit/vite-plugin-svg-spritemap
vite-plugin-svg-spritemap
This plugin supports Vite 7 and 8.
This ViteJS plugin generates a single SVG spritemap with // for each SVG file. It can also generate a stylesheet (CSS/SCSS/Stylus/Less) containing the sprites to be used directly (via a Data URI or SVG fragments).
[!NOTE] This plugin is inspired by svg-spritemap-webpack-plugin for Webpack.
🚀 Features
• ⚡ Fully integrated in your ViteJS environment • 📦 Pack your SVG files in one (spritemap) file • ✨ Use your SVG in or tags and also directly in your CSS/SCSS/Stylus/Less • 🍕 Import SVG fragments as VueJS components • 🎨 Theme an icon per usage with variables • 🔥 HMR support • ⚙️ Optimize your SVGs with SVGO or OXVG
📦 Install
👨💻 Quick start
Add all your SVGs icons in one folder (like below /src/icons folder for example) and pass the first argument as a glob path including your svg files.
You can access the spritemap via the route /__spritemap. All files processed by ViteJS will transform the path of the file on build. The prefix is sprite- by default.
The plugin will generate a spritemap to support all methods described below (files populated with for fragments and for sprite). This can be configured through options.
SVG
By default the generated spritemap uses the deprecated xlink:href attribute inside the tags for compatibility. You can switch to the standard href attribute or emit both with an xlink:href fallback, via the output.hrefAttribute option ('xlink:href' | 'href' | 'both').
Img
You need to add the suffix -view to access the fragment.
📚 Documentation
For more information, check the vite-plugin-svg-spritemap documentation. It covers everything from getting started to advanced topics.
👨💼 License
MIT
Description from the npm listing.
- svg
- sprites
- spritemap
- symbols
- icons
- sass
- scss
- css
- less
- stylus
- variables
- vite
- vite-plugin
Where @spiriit/vite-plugin-svg-spritemap sits in the listing
Each band is one page of 20. Weekly downloads on a log scale. Placement is projected from weekly downloads, so it can differ from the marketplace's own sort order. Hover a dot to see the listing.
Charts
Images: 30d · 1y · all time · 1600×900 dark
Adoption over time
7/30/90-day growth
Filled points are observed values; hollow points come from Internet Archive snapshots of the listing page. Dashed segments span periods with no observations — values between points are not interpolated.
Recent observations
Full history (542)Similar npm Vite plugins plugins
Data source
Weekly downloads (trailing 7 complete days) come from the official npm downloads API. Downloads include CI and mirrors and are not equivalent to installs or users. npm publishes no ratings.
Listing: https://www.npmjs.com/package/@spiriit/vite-plugin-svg-spritemap. First seen Oct 16, 2026; last successful collection Oct 18, 2026. See the methodology.