Is there anyway to get raw svg?

[shakiba]

I use @svgr/webpack to load all .svg files and svg react components almost everywhere, except few places that I still need to use raw svg content. Is there anyway to get raw content of an imported svg file?

[gregberge]

I don't know what you mean by "raw SVG" but you can use SVGR + "url-loader" or SVGR + "file-loader". It is documented in README.

For most complex cases I suggest you to create two folders and duplicate SVG, one Webpack config for each folder.

[shakiba]

What I mean is getting SVG content as string instead of a react component or url-encoded text. It would be great to be able to do something like this:

import StarIcon, { SvgSrting as starIconSvgString } from './star.svg'
// starIconSvgString == '<svg>...</svg>';

[gregberge]

You should try to put a raw-loader after svgr loader to convert it into a string before importing it.