How to define element property for individual browser?

Question

css

So it goes.
All browsers clumsily display some svg. Everything except FF.
What is the ugliness? The fact that the svg may have the viewbox specified incorrectly (does not match the size of the SVG itself) and in most browsers there are spaces above and below or on the right and left, depending on which side is smaller.
And then a thick bug comes out - for all browsers I set positioning and negative top / left to align SVG, and FF normally displays SVG and the icon, due to positioning, shifts to the side.
What to do in this case? How to be?

Answer 1

I remembered that I have the best SVG editor - Sketch (windows in flight).
I opened it in it, exported it, and it normally cropped and set the required dimensions for the icon.
Profit