Transform SVGs into React components 🦁
Become a contributor
Help support office hours and further development by becoming a Backer. We'll thank you by includ... Read more
$2 USD / month
Your name or company logo (medium) will be put at: - The project repo's README.md. (5k+ unique v... Read more
$100 USD / month
Top financial contributors
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!
~ $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.
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.