PluginStatsbabel-plugin-react-svg weekly downloads statistics
By boopathi · npm · Babel plugins
Babel plugin to transform svg to react component
babel-plugin-react-svg has 33,892 recorded weekly downloads on npm, a decrease of 52.0% over the past 30 days, ranking #638 of 2,256 tracked listings.
About babel-plugin-react-svg
babel-plugin-react-svg
A plugin that converts svg to a react component. Used in react-svg-loader
Install
Example
Input SVG:
Output React Component:
Transformations
Going from bottom up, the following transformations are applied and the same can be checked in the partly annotated source - babel-plugin
- Hyphenated attributes to camelCase
is transformed to
- Style attr string to object
React expects style attribute value to be an object. Also, Hyphenated style names are converted to camel case.
is transformed to
- Propagate props to root element
The props passed to the output component is passed on to the root SVG node and the props already defined are overridden by the props passed.
is transformed to
- class to className & class values to styles prop
is transformed to
- export React.Component
The loader should now export the svg component. And this is done by wrapping it in an ArrowFunctionExpression.
is transformed to
Assumptions and Other gotchas
• Root element is always • SVG is optimized using SVGO
LICENSE
MIT
Description from the npm listing.
- babel
- babel-plugin
- react
- react-svg-loader
- svg
- webpack
- webpack-loader
README badge
Show your rank in a README or on your website. The badge updates automatically.
Charts
Images: 30d · 1y · all time · 1600×900 dark
Adoption over time
7/30/90-day growth
Ranking history
Listing placement
Listing placement
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.
Each band is one page of 20. Weekly downloads on a linear 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.
Recent observations
Full history (121)Similar npm Babel plugins plugins
All 20 babel-plugin-react-svg alternatives- 34.5K weekly downloads-36.1%
- 32.3K weekly downloads-60.8%
- 36.6K weekly downloads-38.8%
- 30.9K weekly downloads—
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/babel-plugin-react-svg. First seen Oct 16, 2026; last successful collection Oct 19, 2026. See the methodology.