npmpackage.info

Gathering detailed insights and metrics for @svgr/babel-plugin-transform-react-native-svg

Other packages similar to @svgr/babel-plugin-transform-react-native-svg

@svgr/babel-plugin-transform-svg-component

8.0.0

Transform SVG into component

@svgr/plugin-jsx

8.1.0

Transform SVG into JSX

@svgr/babel-plugin-svg-em-dimensions

8.0.0

Transform SVG to use em-based dimensions

@svgr/babel-plugin-svg-dynamic-title

8.0.0

Transform SVG by adding a dynamic title element

Gathering detailed insights and metrics for @svgr/babel-plugin-transform-react-native-svg

@svgr/babel-plugin-transform-react-native-svg

Transform SVGs into React components 🦁

8.1.0

10,588

MIT

TypeScript

1,387,161,275 4.6

Installations

npm install @svgr/babel-plugin-transform-react-native-svg

Pull Requests

Open

13

Total

336

Closed

57

Merged

266

Issues

Open

102

Total

601

Closed

499

Releases

v8.1.0

Published on 15 Aug 2023

v8.0.1

Published on 09 May 2023

v8.0.0

Published on 09 May 2023

v7.0.0

Published on 24 Mar 2023

v6.5.1

Published on 27 Oct 2022

v6.5.0

Published on 14 Oct 2022

View all 69 releases

Developer

gregberge

Developer Guide

BETA

Module System

CommonJS, ESM

Min. Node Version

>=14

Typescript Support

Yes

Node Version

18.17.0

NPM Version

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

Statistics

10,588 Stars

648 Commits

422 Forks

35 Watching

3 Branches

130 Contributors

Updated on 26 Nov 2024

Languages

TypeScript (64.93%)

MDX (20.67%)

JavaScript (14.4%)

Total Downloads

Cumulative downloads

Total Downloads

1,387,161,275

Last day

-3.3%

1,601,982

Compared to previous day

Last week

3.7%

8,377,504

Compared to previous week

Last month

10%

35,393,825

Compared to previous month

Last year

13.5%

392,430,076

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

@babel/core

Versions

Transform SVGs into React components 🦁

Try it out online!

Watch the talk at React Europe

SVGR is an universal tool to transform SVG into React components.

SVGR takes a raw SVG and transforms it into a ready-to-use React component.

Docs

See the documentation at react-svgr.com for more information about using svgr!

Quicklinks to some of the most-visited pages:

Example

Take a SVG:

1<?xml version="1.0" encoding="UTF-8"?>
2<svg
3  width="48px"
4  height="1px"
5  viewBox="0 0 48 1"
6  version="1.1"
7  xmlns="http://www.w3.org/2000/svg"
8  xmlns:xlink="http://www.w3.org/1999/xlink"
9>
10  <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
11  <title>Rectangle 5</title>
12  <desc>Created with Sketch.</desc>
13  <defs></defs>
14  <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
15    <g
16      id="19-Separator"
17      transform="translate(-129.000000, -156.000000)"
18      fill="#063855"
19    >
20      <g id="Controls/Settings" transform="translate(80.000000, 0.000000)">
21        <g id="Content" transform="translate(0.000000, 64.000000)">
22          <g id="Group" transform="translate(24.000000, 56.000000)">
23            <g id="Group-2">
24              <rect id="Rectangle-5" x="25" y="36" width="48" height="1"></rect>
25            </g>
26          </g>
27        </g>
28      </g>
29    </g>
30  </g>
31</svg>

Run SVGR

1npx @svgr/cli --icon --replace-attr-values "#063855=currentColor" -- icon.svg

Get an optimized React component

1import * as React from 'react'
2
3const SvgComponent = (props) => (
4  <svg width="1em" height="1em" viewBox="0 0 48 1" {...props}>
5    <path d="M0 0h48v1H0z" fill="currentColor" fillRule="evenodd" />
6  </svg>
7)
8
9export default SvgComponent

Supporting SVGR

SVGR is a MIT-licensed open source project. It's an independent project with ongoing development made possible thanks to the support of these awesome backers. If you'd like to join them, please consider:

Learn more about supporting SVGR.

Contributing

Check out the contributing guidelines

License

See LICENSE for more information.

Acknowledgements

This project has been popularized by Christopher Chedeau and it has been included in create-react-app thanks to Dan Abramov. We would like to thanks Sven Sauleau for his help and its intuition.

No vulnerabilities found.

10

Token-Permissions

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

10

Dangerous-Workflow

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

10

License

Determines if the project has defined a license.

10

Binary-Artifacts

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

7

Code-Review

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

1

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

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Pinned-Dependencies

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

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Reason

63 existing vulnerabilities detected

Details

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-p8p7-x288-28g6
Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
Warn: Project is vulnerable to: GHSA-wf5p-g6vw-rhxx
Warn: Project is vulnerable to: GHSA-8hc4-vh64-cxmj
Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7
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-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-9wv6-86v2-598j
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-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-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-7fh5-64p2-3v2j
Warn: Project is vulnerable to: GHSA-3949-f494-cm99
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-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.6

/10

Last Scanned on 2024-11-18

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