SVGLoader – Incorrect/mangled path rendering

Describe the bug

Hello, it appears that with SVG’s which have been exported from Adobe XD, SVGLoader fails to convert the paths reliably.

This might be the same issue as #18560

Alternatively, is there a tool/script which can convert/re-export the SVG paths into a format Three can parse?

Live example
Here is how the SVG renders as a browser element

Screenshots

Here is how the SVG appears when imported into the ThreeJS editor (https://threejs.org/editor/)

image

Platform:

  • Device: [Desktop,]
  • OS: [Windows]
  • Browser: [Chrome]
  • Three.js version: [r120.1]

1 possible answer(s) on “SVGLoader – Incorrect/mangled path rendering