question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Feature Request: Use SVG-React-Loader

See original GitHub issue

Hello there,

Thanks for such a brilliant work you did so far by implementing CSS-Modules and other CSS pre-processors.

I was wondering if it would be possible to implement the svg-react-loader to handle .svg files on JavaScript.

For me it’s a no brainer and it makes life much easier to manipulate and customise SVGs as a React component.

Issue Analytics

  • State:open
  • Created 7 years ago
  • Reactions:7
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

3reactions
bensleverittcommented, May 16, 2017

For what it’s worth. This is the only outstanding reason for me to eject CRA. Including it would be ace!

2reactions
lnhrdtcommented, Apr 29, 2017

Is it really popular?

Not sure how to measure that, but I’m another developer who’s settled on this being the best approach for using SVGs in a React app. Because I totally agree with @lucasmotta:

For me it’s a no brainer and it makes life much easier to manipulate and customise SVGs as a React component.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to use SVGs in React | Sanity.io guide
This article will explore how to use SVG in React in three examples: A loading icon; A hover text effect; A pizza customizer ......
Read more >
Webpack SVG to React Component Loader - GitHub
A webpack loader allowing for inline usage of a SVG as a React component, or for composing individual SVGs into larger ones.
Read more >
React, SVG Images and the Webpack Loader to Make Them ...
Load speed is much faster — if you're using high res images on your site to cater to those retina displays, the PNG...
Read more >
How to use SVGs in React - LogRocket Blog
Also, if you use inline SVG in your code, the browser does not have to make a request to get the image and...
Read more >
How to Load SVG with React and Webpack | Pluralsight
Let's take a closer look at how to use SVG images. ... The most common webpack loader for this is svg-url-loader, which can...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found