sprite scaling in safari?

[fionchadd]

I'm having a weird issue with a sprite that is scaling strangely in safari.
This is the codepen: https://codepen.io/fionchadd/pen/GRVzRPj
It looks fine in chrome, but in safari (on my mac desktop and my ipad) the sprites are maybe 3x the size.

It seems to happen even if I set the scale value to a static figure rather than calculating it relative to the radius of the body.

My mac desktop has a retina ready screen, as does my ipad. I tried playing around with the pixel ratio but whatever I try, the sprites are larger in safari than in chrome.

Is there anything I can do about this?

Edit to add: I noticed that it's fine if I switch out the SVG for a PNG. So for some reason it seems to not like SVGs but I'm unsure why.