{"library":"rollup-plugin-inline-svg","title":"rollup-plugin-inline-svg","description":"Rollup plugin that inlines SVG files as strings or data URIs. Current stable version is 3.0.3 (released 2022). Requires Rollup as a peer dependency. Supports both ES modules and CommonJS output. Key differentiator: lightweight, TypeScript types included, and allows custom transformations via options. Alternatives like @svgr/rollup focus on React components, while this plugin is framework-agnostic and simpler for raw SVG inlining.","language":"javascript","status":"active","last_verified":"Mon Apr 27","install":{"commands":["npm install rollup-plugin-inline-svg"],"cli":null},"imports":["import inlineSvg from 'rollup-plugin-inline-svg'"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import inlineSvg from 'rollup-plugin-inline-svg';\n\n// rollup.config.js\nexport default {\n  plugins: [\n    inlineSvg({\n      // Optional: specify directories for svg files\n      paths: ['src/svg'],\n      // Optional: define custom transform function\n      transform: (svg, id) => {\n        // e.g., minify or modify svg string\n        return svg.replace(/\\s+/g, ' ');\n      }\n    })\n  ]\n};\n\n// Usage in JavaScript:\n// import icon from './icon.svg?inline';\n// console.log(icon); // '<svg>...'","lang":"typescript","description":"Shows how to import and configure the plugin in a Rollup config, including custom transform and SVG import example.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}