SVG from XML rendering incorrectly

[awojciak]

Bug

This svg: https://gist.github.com/awojciak/8897ed58a10fc718f3a67fb8eed526b0
is rendered like this:

when using SvgXml to render it. It looks fine when opened in webbrowser.

Environment info

React native info output:

System:
    OS: Linux 5.11 Ubuntu 21.04 (Hirsute Hippo)
    CPU: (16) x64 AMD Ryzen 7 4800H with Radeon Graphics
    Memory: 787.12 MB / 15.01 GB
    Shell: 5.1.4 - /bin/bash
  Binaries:
    Node: 16.13.0 - ~/.nvm/versions/node/v16.13.0/bin/node
    Yarn: 1.22.15 - ~/.nvm/versions/node/v16.13.0/bin/yarn
    npm: 8.3.0 - ~/.nvm/versions/node/v16.13.0/bin/npm
    Watchman: 2022.03.21.00 - /home/linuxbrew/.linuxbrew/bin/watchman
  SDKs:
    Android SDK: Not Found
  IDEs:
    Android Studio: Not Found
  Languages:
    Java: 18.0.1.1 - /home/adrian/jdk-18.0.1.1/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 17.0.2 => 17.0.2 
    react-native: 0.68.1 => 0.68.1 
  npmGlobalPackages:
    *react-native*: Not Found

Library version: 0.68.1

Steps To Reproduce

1. use svg from gist as value of 'xml' prop of SvgXml