SVGs not rendered properly in SSR (nuxt.js)

[ryanrca]

I have a few svgs that render perfectly when running nuxt.js in dev mode. They look like this:

When built with Nuxt using SSR, they render like this:

What are we doing wrong?

[damianstasik]

Have you found a solution? If no, could you share those SVGs here?

[shivgarg5676]

I am facing the same issue as well. In my production build style tags are getting stripped from the svg defs. Whereas development builds are working fine.

[EderOBarreto]

@shivgarg5676 Did you find a solution? I passing through the same problem. :(

[alanaasmaa]

I manually inlined the styles.

[Tofandel]

It's an issue with SVGO svg/svgo#1077
Try setting options: { svgo: { plugins: [{inlineStyles:{onlyMatchedOnce: false} }] } } or options: { svgo: { plugins: [{minifyStyles:false}] } } to vue-svg-loader and see if that solves the issue

If not and your svg is already optimized (which IMO it should be) you can set options: { svgo: false }