npmpackage.info

Gathering detailed insights and metrics for @svgr/rollup

Other packages similar to @svgr/rollup

@types/svgr__rollup

6.0.0

Stub TypeScript definitions entry for @svgr/rollup, which provides its own types definitions

rollup-plugin-svgr

4.0.1

simple rollup plugin svgr without svgo or babel

@exodus/svgr-rollup

6.3.1-exodus-1

SVGR Rollup plugin.

svgr-rollup-inferno

0.0.1

SVGR Rollup plugin.

Gathering detailed insights and metrics for @svgr/rollup

@svgr/rollup - 8.1.0 | npmpackage.info

@svgr/rollup

Transform SVGs into React components 🦁

8.1.0

10,840

MIT

TypeScript

764.49 kB

46,575,050 4.4

Installations

npm install @svgr/rollup

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS, ESM

Min. Node Version

>=14

Node Version

18.17.0

NPM Version

lerna/6.6.0/node@v18.17.0+arm64 (darwin)

Score

82.7

Supply Chain

75.7

Quality

Maintenance

100

Vulnerability

98.9

License

Pull Requests

Open

17

Total

342

Closed

58

Merged

267

Issues

Open

110

Total

616

Closed

506

Releases

v8.1.0

Updated on Aug 15, 2023

v8.0.1

Updated on May 09, 2023

v8.0.0

Updated on May 09, 2023

v7.0.0

Updated on Mar 24, 2023

v6.5.1

Updated on Oct 27, 2022

v6.5.0

Updated on Oct 14, 2022

View All 69 releases

Languages

TypeScript

MDX

JavaScript

TypeScript (64.93%)

MDX (20.67%)

JavaScript (14.4%)

Developer

gregberge

Download Statistics

Total Downloads

46,575,050

Last Day

16,752

Last Week

387,861

Last Month

1,651,304

Last Year

14,820,086

GitHub Statistics

MIT License

10,840 Stars

650 Commits

430 Forks

35 Watchers

3 Branches

129 Contributors

Updated on Jul 02, 2025

Bundle Size

3.25 MB

Minified

764.49 kB

Minified + Gzipped

Bundlephobia

Sponsor this package

https://github.com/sponsors/gregberge

Maintainers

View All 129 Contributors

Package Meta Information

Latest Version

8.1.0

Package Id

@svgr/rollup@8.1.0

Unpacked Size

13.16 kB

Size

4.74 kB

File Count

NPM Version

lerna/6.6.0/node@v18.17.0+arm64 (darwin)

Node Version

18.17.0

Published on

Aug 15, 2023

Total Downloads

Cumulative downloads

Total Downloads

46,575,050

Last Day

-15.7%

16,752

Compared to previous day

Last Week

-7.3%

387,861

Compared to previous week

Last Month

1,651,304

Compared to previous month

Last Year

27.9%

14,820,086

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

@babel/core @babel/plugin-transform-react-constant-elements @babel/preset-env @babel/preset-react @babel/preset-typescript @rollup/pluginutils @svgr/core @svgr/plugin-jsx @svgr/plugin-svgo

Dev Dependencies

rollup rollup-plugin-image rollup-plugin-url

@svgr/rollup

Rollup plugin for SVGR.

npm install @svgr/rollup --save-dev

In your rollup.config.js:

1{
2  plugins: [svgr()]
3}

In your code:

1import Star from './star.svg'
2
3const App = () => (
4  <div>
5    <Star />
6  </div>
7)

Passing options

1{
2  plugins: [svgr({ native: true })]
3}

Using with `url` plugin

It is possible to use it with url.

In your rollup.config.js:

1{
2  plugins: [url(), svgr()]
3}

In your code:

1import starUrl, { ReactComponent as Star } from './star.svg'
2
3const App = () => (
4  <div>
5    <img src={starUrl} alt="star" />
6    <Star />
7  </div>
8)

The named export defaults to ReactComponent, but can be customized with the namedExport option.

Please note that by default, @svgr/rollup will try to export the React Component via default export if there is no other plugin handling svg files with default export. When there is already any other plugin using default export for svg files, @svgr/rollup will always export the React component via named export.

If you prefer named export in any case, you may set the exportType option to named.

Use your own Babel configuration

By default, @svgr/rollup applies a babel transformation with optimized configuration. In some case you may want to apply a custom one (if you are using Preact for an example). You can turn off Babel transformation by specifying babel: false in options.

1{
2  plugins: [svgr({ babel: false })]
3}

License

MIT

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

6

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Reason

81 existing vulnerabilities detected

Details

Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8
Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
Warn: Project is vulnerable to: GHSA-pfrx-2q88-qq97
Warn: Project is vulnerable to: GHSA-8g77-54rh-46hx
Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
Warn: Project is vulnerable to: GHSA-rmvr-2pp2-xj38
Warn: Project is vulnerable to: GHSA-xx4v-prfh-6cgc
Warn: Project is vulnerable to: GHSA-wf5p-g6vw-rhxx
Warn: Project is vulnerable to: GHSA-8hc4-vh64-cxmj
Warn: Project is vulnerable to: GHSA-jr5f-v2jv-69x6
Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7
Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x
Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
Warn: Project is vulnerable to: GHSA-ff7x-qrg7-qggm
Warn: Project is vulnerable to: GHSA-ghr5-ch3p-vcr6
Warn: Project is vulnerable to: GHSA-67mh-4wv8-2f99
Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc
Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx
Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc
Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp
Warn: Project is vulnerable to: GHSA-rc47-6667-2j5j
Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22
Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp
Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55
Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j
Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w
Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm
Warn: Project is vulnerable to: GHSA-44c6-4v22-4mhx
Warn: Project is vulnerable to: GHSA-4x5v-gmq8-25ch
Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg
Warn: Project is vulnerable to: GHSA-76p7-773f-r4q5
Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p
Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
Warn: Project is vulnerable to: GHSA-7p7h-4mm5-852v
Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7
Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
Warn: Project is vulnerable to: GHSA-c2jc-4fpr-4vhg
Warn: Project is vulnerable to: GHSA-whgm-jr23-g3j9
Warn: Project is vulnerable to: GHSA-xq7p-g2vc-g82p
Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
Warn: Project is vulnerable to: GHSA-fp36-299x-pwmw
Warn: Project is vulnerable to: GHSA-jrvm-mcxc-mf6m
Warn: Project is vulnerable to: GHSA-r7qp-cfhv-p84w
Warn: Project is vulnerable to: GHSA-4gmj-3p3h-gm8h
Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c
Warn: Project is vulnerable to: GHSA-c6f8-8r25-c4gc
Warn: Project is vulnerable to: GHSA-h2pm-378c-pcxx
Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq
Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488
Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g
Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
Warn: Project is vulnerable to: GHSA-8hfj-j24r-96c4
Warn: Project is vulnerable to: GHSA-wc69-rhjr-hc9g
Warn: Project is vulnerable to: GHSA-7hpj-7hhx-2fgx
Warn: Project is vulnerable to: GHSA-44fp-w29j-9vj5
Warn: Project is vulnerable to: GHSA-4pg4-qvpc-4q3h
Warn: Project is vulnerable to: GHSA-g5hg-p3ph-g8qg
Warn: Project is vulnerable to: GHSA-6fx8-h7jm-663j
Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j
Warn: Project is vulnerable to: GHSA-3949-f494-cm99
Warn: Project is vulnerable to: GHSA-x7hr-w5r2-h6wg
Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
Warn: Project is vulnerable to: GHSA-54xq-cgqr-rpm3
Warn: Project is vulnerable to: GHSA-25hc-qcg6-38wj
Warn: Project is vulnerable to: GHSA-qm95-pgcg-qqfq
Warn: Project is vulnerable to: GHSA-cqmj-92xf-r6r9
Warn: Project is vulnerable to: GHSA-pq67-2wwv-3xjx
Warn: Project is vulnerable to: GHSA-8cj5-5rvv-wf4v
Warn: Project is vulnerable to: GHSA-4wf5-vphf-c2xc
Warn: Project is vulnerable to: GHSA-fhg7-m89q-25r3
Warn: Project is vulnerable to: GHSA-hc6q-2mpp-qw7j
Warn: Project is vulnerable to: GHSA-4vvj-4cpr-p986
Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6
Warn: Project is vulnerable to: GHSA-6fc8-4gx4-v693

Score

4.4

/10

Last Scanned on 2025-06-23

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to @svgr/rollup

Other packages similar to @svgr/rollup

@svgr/rollup

Installations

Developer Guide

Yes

CommonJS, ESM

>=14

18.17.0

lerna/6.6.0/node@v18.17.0+arm64 (darwin)

Score

Pull Requests

17

342

58

267

Issues

110

616

506

Releases

Languages

Developer

Download Statistics

GitHub Statistics

Bundle Size

3.25 MB

764.49 kB

Sponsor this package

Maintainers

Package Meta Information

Total Downloads

46,575,050

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Dev Dependencies

@svgr/rollup

Passing options

Using with url plugin

Use your own Babel configuration

License

10

10

10

10

6

0

0

0

0

0

0

0

4.4

/10

Using with `url` plugin