SVGR
Transform SVGs into React components 🦁
Contribute
Become a financial contributor.
Financial Contributions
Help support office hours and further development by becoming a Backer. We'll thank you by including your name in the BACKERS.md file of the reposi... Read more
Starts at$2 USD / month
Top financial contributors
Individuals
$150 USD since Jul 2021
$66 USD since Aug 2020
$54 USD since Feb 2021
$46 USD since Jan 2021
$26 USD since Jan 2020
$20 USD since May 2020
$20 USD since Jul 2020
$20 USD since Mar 2021
$20 USD since Apr 2021
$20 USD since Apr 2021
Organizations
$2,800 USD since Sep 2018
$280 USD since Apr 2022
$74 USD since Feb 2019
$30 USD since May 2021
$20 USD since Nov 2020
$20 USD since Jun 2021
$20 USD since Dec 2021
SVGR is all of us
Our contributors 45
Thank you for supporting SVGR.
Greg Bergé
Smooth Code
Gold Sponsors
$2,800 USD
MFB Technologies
Backer
$280 USD
Maisonette Inc
Backer
$74 USD
Moritz Mahringer
Backer
$66 USD
Nick Dandakis
Backer
$54 USD
Incognito
Backer
$46 USD
WAYF
Backer
$30 USD
Timothy Bula
Backer
$26 USD
Rijk van Wel
$20 USD
Ed Williams
$20 USD
Budget
Transparent and open finances.
Credit from Can Poyrazoglu to SVGR •
Credit from MFB Technologies to SVGR •
Credit from MFB Technologies to SVGR •
$272.60 USD
$3,277.69 USD
$3,005.09 USD
$331.07 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.
Our team
Greg Bergé