SVGR

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.