[Android] SVG rendered as text instead of image

I’m trying to render a remote SVG. I’m on 2.0.6, Android 12 and Chrome is on version 91.0.4472.114.

Here is the snippet I’m using:

<Image
    source={{ uri: 'https://s3.amazonaws.com/cdn.titanvest.com/misc/car-hex.svg' }}
    style={{ width: 100, height: 100 }} //needs the size
/>

Even using inlined svg doesn’t work:

<Image
    source={{
        uri: `data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100px" height="100px"  viewBox="0 0 100 100">
        <ellipse data-custom-shape="ellipse" cx="50" cy="50" rx="50" ry="50" fill="green"  stroke="#00FF00" stroke-width ="2" />
        </svg>`,
    }}
    style={{ width: 300, height: 300 }}

All I get is this:

The same piece of code works perfectly on iOS.

How can I fix it?

[seekshiva]

Version 2.0.7 released with the changes.

[AlbertoMeQ]

@seekshiva Thanks for merging the PR. Do you know when it will be added to npm? So I can update the version on my side 😄