Iphone shows incorrect image vs Android

I was able do some digging and searching this morning, and I found that the issue appears due to a 'bug' in IOS platforms and the ability to render an SVG vector image that uses the transform property.

And I was not able to figure out how to alter the transform to make it work with IOS.  There's various posts on the web on some work arounds, but I could not get them to work with the SVG icons I was using.    But I was able to swap out my original SVG icons for those that did not contain the transform (actually just replaced the SVG in the 'zip' version of the file), and then the images showed correctly.

If anyone is curious, below is the code of the original SVG icon I was using.  This will produce a left facing arrowing in android and PC, but the transform property gets ignored by IOS.

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
<svg fill="#FF0000" height="800px" width="800px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 297.5 297.5" xml:space="preserve" transform="rotate(180)" >
	  
<g id="SVGRepo_bgCarrier" stroke-width="0"/>

<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>

<g id="SVGRepo_iconCarrier"> <polygon points="297.5,148.25 148,33.25 148,100.25 0,100.25 0,199.25 148,199.25 148,264.25 "/> </g>

</svg>