SVGR

Open source

Transform SVGs into React components 🦁

Become a contributor

Financial contributions

Custom contribution

Donation

Make a custom one time or recurring contribution to support this collective.
+ 5

7 individuals and 2 organizations have contributed

Recurring contribution

Backer

Help support office hours and further development by becoming a Backer. We'll thank you by includ... Read more

Starts at

$2 USD / month

1 individual and 1 organization have contributed

Recurring contribution

Silver Sponsors

Your name or company logo (medium) will be put in BACKERS.md in the SVGR repository.

Starts at

$50 USD / month

Recurring contribution

Gold Sponsors

Your name or company logo (medium) will be put at: - The project repo's README.md. (5k+ unique v... Read more

Starts at

$100 USD / month

1 organization has contributed

Top financial contributors

Individuals

1

Rijk van Wel

$20 USD since May 2020

2

Ed Williams

$20 USD since Jul 2020

3

Timothy Bula

$12 USD since Jan 2020

4

Liubov Pitko

$10 USD since May 2020

5

Jared Beach

$5 USD since Mar 2020

6

Siriwat Kunaporn

$5 USD since May 2020

7

Daniel Michalski

$4 USD since Apr 2020

Organizations

1

Smooth Code

$3k USD since Sep 2018

2

Maisonette Inc

$36 USD since Feb 2019

Budget

See how money openly circulates through SVGR. All contributions and all expenses are published in our transparent public ledger. Learn who is donating, how much, where is that money going, submit expenses, get reimbursed and more!

Financial contribution to SVGR

from Ed Williams7/12/2020

+$20.00USD
Completed

Monthly financial contribution to SVGR (Backer)

from Maisonette Inc7/3/2020

+$2.00USD
Completed

Monthly financial contribution to SVGR

from Daniel Michalski7/3/2020

+$1.00USD
Completed

Today’s balance

$71.14 USD

Estimated annual budget

~ $607.16 USD

SVGR is all of us

Our contributors 10

Everyone who has supported SVGR. Individuals and organizations that believe in –and take ownership of– our purpose.

Smooth Code
Financial Contributor

Total contributions

$2,800 USD

Gold Sponsors

Maisonette Inc
Financial Contributor

Total contributions

$36 USD

Backer

Rijk van Wel
Financial Contributor

Total contributions

$20 USD

Ed Williams
Financial Contributor

Total contributions

$20 USD

Timothy Bula
Financial Contributor

Total contributions

$12 USD

Backer

Liubov Pitko
Financial Contributor

Total contributions

$10 USD

Jared Beach
Financial Contributor

Total contributions

$5 USD

Thanks for the work on svgr!

Siriwat Kunaporn
Financial Contributor

Total contributions

$5 USD

Daniel Michalski
Financial Contributor

Total contributions

$4 USD

About

SVGR transforms SVG into React components 🦁

Our goal is to become the universal toolset to optimize and transform SVG. As of today, SVGR can optimize and transform SVG into React components in several ways:

  • Webpack loader
  • Rollup plugin
  • Command line interface
  • Raw node.js
  • A website: svgr.now.sh

SVGR is part of create-react-app, so you probably already use it without knowing!

The philosophy of SVGR is to be developer centric. It works out of the box without any configuration, it automatically picks your project configurations (.prettierrc, .svgo.yml and .svgrrc).

Tomorrow we would like to bring the same experience on the whole ecosystem. We want to unify the experience by integrating a modern SVGO, pluggable and easy to use. We want to be the universal tool to optimize and transform SVG whatever the target and the way to transform.