SVGR
Transform SVGs into React components š¦
Become a contributor
Financial contributions
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
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
Top financial contributors
Individuals
Timothy Bula
$6 USD since Jan 2020
Jared Beach
$5 USD since Mar 2020
Daniel Michalski
$1 USD since Apr 2020
Organizations
Smooth Code
$3k USD since Sep 2018
Maisonette Inc
$30 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!
Todayās balance
$14.69 USD
~ $1,076.73 USD
SVGR is all of us
Our contributors 6
Everyone who has supported SVGR. Individuals and organizations that believe in āand take ownership ofā our purpose.
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.