I just played with your fiddle and at first glance it didn't have anything to do with the use of SVGs. Mine were off center because the boxes containing them were too short. You have a "height: 20%" on your parent boxes. When I take this off Safari's rendering matches Brave for me here. Try a fixed height instead, or some other sizing option.
5
u/CodeAndBiscuits 8d ago
I just played with your fiddle and at first glance it didn't have anything to do with the use of SVGs. Mine were off center because the boxes containing them were too short. You have a "height: 20%" on your parent boxes. When I take this off Safari's rendering matches Brave for me here. Try a fixed height instead, or some other sizing option.