[gatsby-plugin-image] childImageCharp is empty with .svg files

[maweo-mathis]

Helllo,

I use the new gatsby-plugin-image. I want to use that plugin to display a .svg file served by wordpress (ACF).
But the childImageCharp Object is empty.

icon {
  localFile {
    childImageSharp {
      gatsbyImageData(layout: FULL_WIDTH)
    }
  }
}

console.log("icon", socialMediaRepeater[0].icon)

If I change the file to a .png File, everything works fine

[LekoArts]

This is working as expected as SVG is not supported as an input & output file. You'll need to display the svg with the normal <img /> tag

[maweo-mathis]

okay thanks for your reply, but still the childImageSharp is null so I need another fragment or don't need to use getImage()?

[LekoArts]

Check if you get a publicURL somewhere:

icon {
  localFile {
    publicURL
  }
}

[maweo-mathis]

yes that works, but I need the SVG to display as inline <svg> ... is that possible?

[LekoArts]

You'll need to adapt the code from https://github.com/axe312ger/gatsby-transformer-inline-svg as it's specific to Contentful. But yes, it's possible