{"library":"rollup-plugin-svg-import","title":"rollup-plugin-svg-import","description":"Rollup plugin to import SVG files directly in JavaScript. Version 3.0.0 requires Node >=18 and rollup ^3.0.0 || ^4.0.0. By default, imports SVG as a DOM node (using document.createElementNS); can be configured with `stringify: true` to import as a raw string for SSR. Ships TypeScript types. A lightweight alternative to @svgr/rollup or rollup-plugin-svg, with minimal configuration and no runtime dependencies beyond Rollup.","language":"javascript","status":"active","last_verified":"Mon Apr 27","install":{"commands":["npm install rollup-plugin-svg-import"],"cli":null},"imports":["import svg from 'rollup-plugin-svg-import'","import svg from 'rollup-plugin-svg-import'; export default { plugins: [svg()] }","import icon from './icon.svg'; document.body.appendChild(icon())","import icon from './icon.svg'; document.body.innerHTML += icon"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"// rollup.config.js\nimport svg from 'rollup-plugin-svg-import';\n\nexport default {\n  input: 'src/index.js',\n  output: {\n    file: 'dist/bundle.js',\n    format: 'esm'\n  },\n  plugins: [\n    svg({\n      stringify: process.env.NODE_ENV === 'production'\n    })\n  ]\n};\n\n// src/index.js\nimport icon from './icon.svg';\n\nconst svgNode = icon(); // DOM node\nconst svgString = icon; // string if stringify: true","lang":"typescript","description":"Shows rollup config with conditional stringify mode and how imported SVG works in both modes.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}