SVG Rollup Plugin Configuration
Building a library or app with Rollup? Here's how to handle SVG imports cleanly in its plugin-based configuration model.
Drop your image here
Supports PNG, JPG, BMP, WEBP up to 5MB
Plugin Options for Rollup
`@rollup/plugin-image` handles SVGs (and other image types) as base64 data URIs or file references, suiting simple asset-bundling needs. For component-style imports in library authoring, community plugins like `rollup-plugin-svg` or framework-specific SVGR integrations handle the transform-to-component pattern.
- @rollup/plugin-image handles basic asset bundling as data URIs
- Component-style imports need a separate SVGR-style plugin
- Library authors should minimize plugin dependencies for consumers
Bundling Considerations for Libraries
If you're publishing a component library, consider whether to bundle SVGs as inline strings (bigger bundle, works everywhere with no config) or leave them as peer imports requiring consumers to configure their own SVG loader — the inline approach is generally safer for library authors who can't control every consumer's build setup.
- Inline SVG strings avoid requiring consumer build configuration
- Peer-import approach keeps your library bundle smaller
- Inline is generally safer when you can't control consumer tooling
Frequently Asked Questions
Why does Rollup need different plugins than Webpack for SVG?
Rollup and Webpack have entirely separate plugin ecosystems and APIs — a Webpack loader configuration doesn't transfer, so you need Rollup-specific equivalents even though the end goal (importing SVGs as components or assets) is the same.
Should my published npm library bundle SVGs inline?
Generally yes — inlining SVG markup as strings within your compiled output means consumers need zero additional build configuration to use your components, at the cost of a slightly larger package size.
Related guides
Ready to Convert Your Image to SVG?
Free online converter — no sign-up, no watermarks, results in under 3 seconds.
Try It Free — Convert Image to SVG