<image> tag in Svg not rendering properly in iOS while it's working properly in Android/Web

[KManiKumarReddy]

Description

I'm trying to use SvgUri component of this library to display an SVG that has an tag with base64 encoded PNG in it, if I'm opening the svg it is displaying properly in web but in native screen the images are off, the PNGs are out of place and barely visible.

This is the link to SVG: https://qa-opt.idfcfirstbank.com/asset/optimus/pfm/accountAggregator/StocksEntryPointImage.svg

Please look into the snack to understand the images moving out of place: https://snack.expo.dev/@kmanikumarreddy/react-native-svg-png-image-tag-breaking-demo

Steps to reproduce

1. Host the SVG to use SvgUri component, or locally specify path of SVG in Svg component
2. Use the SVG I'm mentioning

Snack or a link to a repository

https://snack.expo.dev/@kmanikumarreddy/react-native-svg-png-image-tag-breaking-demo

SVG version

14.1.0

React Native version

0.73.6

Platforms

iOS

JavaScript runtime

Hermes

Workflow

None

Architecture

Fabric (New Architecture)

Build type

None

Device

iOS Simulator

Device model

iPhone 15

Acknowledgements

Yes

[github-actions[bot]]

Hey! 👋

It looks like you've omitted a few important sections from the issue template.

Please complete React-native-svg version section.

[KManiKumarReddy]

I have mentioned version but it's still tagged as missing info

SVG version

14.1.0