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.
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

Organizations

1

Smooth Code

$3k USD since Sep 2018

2

Maisonette Inc

$26 USD since Feb 2019

Individuals

1

Timothy Bula

$2 USD since Jan 2020

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!

Monthly financial contribution to SVGR (Backer)

Maisonette Inc | 2/1/2020 | View Details 
+$2.00USD

Monthly financial contribution to SVGR (Backer)

Timothy Bula | 1/30/2020 | View Details 
+$2.00USD

Monthly financial contribution to SVGR (Backer)

Maisonette Inc | 1/5/2020 | View Details 
+$2.00USD

Today’s balance

$4.32 USD

Estimated annual budget

~ $1,409.76 USD

SVGR is all of us

Our contributors 4

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

Greg Bergé
Collective Admin
Smooth Code
Financial Contributor

Total contributions

$2,800 USD

Gold Sponsors

Maisonette Inc
Financial Contributor

Total contributions

$26 USD

Backer

Timothy Bula
Financial Contributor

Total contributions

$2 USD

Backer

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.