Skip to content
SVGR
  • Playground
  • Docs

About

  • What is SVGR?
  • Supporting SVGR
  • Ecosystem

Usage

  • Getting started
  • Migrate to v6
  • Command Line
  • Webpack
  • Node.js
  • Next.js
  • Remix
  • Rollup.js
  • Parcel
  • Jest
  • Mocha

Configuring SVGR

  • Options
  • Configuration Files

Advanced

  • Custom Templates
  • Custom transformations

Ecosystem

This is an incomplete list of awesome things built with SVGR.

Tools that includes official SVGR support ✨

  • Create React App
  • Parcel
  • React SSR Setup
  • SVG Gobbler Browser Extension

Conferences

  • SVGR or how a simple problem became a 2K stars library - Greg Bergé (@neoziro) at @ReactEurope 2018

Articles

  • How to use SVG Icons as React Components?
  • Config Storybook 4 & 5 to use SVGR webpack plugin
  • Flexible SVG components in React
  • Using SVG as Component in React Native 0.57

Plugins

  • gatsby-plugin-svgr - SVGR plugin for Gatsby
  • cogs-transformer-svgr - SVGR Transformer for cogs
  • chin-plugin-svgr - SVGR plugin for chin
  • @nice-js/svgr-loader - SVGR loader for Nice.js
  • bs-svgr - SVGR plugin for BuckleScript (Reason)
  • vite-plugin-svgr - SVGR loader for Vite
  • SVGR for Figma
  • esbuild-plugin-svgr

Macros & Babel Presets

  • svgr.macro - Babel macro for SVGR
  • babel-preset-svgr

If you have something to share, please submit a PR on GitHub project.

Edit this page on GitHub
← Supporting SVGRGetting started →