Smart SVG sprite generator with directory support and auto injection

Install

npm install vite-plugin-svg-sprite-smart -D
# or
pnpm add vite-plugin-svg-sprite-smart -D
# or
yarn add vite-plugin-svg-sprite-smart -D

Usage

import svgSpritePlugin from 'vite-plugin-svg-sprite-smart';

export default defineConfig({
  return plugins: [
    svgSpritePlugin({
      match: {
        type: 'pattern',
        pattern: `src/assets/**/*.svg`,
      },
      filename: 'sprite.svg',
      symbolId: 'icon-{{dir}}-{{name}}',
    }),
  ],
})

Show your support

Give a ⭐️ if this project helped you!