nicht angemeldet
ungetestet: preserveAspectratio svg attribut auf none setzen, damit die höhe nicht mit wächst.
warum das svg nach rechts rutscht kann ich nicht erkennen. du könntest das svg aber eindeutig positionieren. mit position absolute left top, oder display inline-block und einem entsprechenden text align. so, dass es eine eindeutig definierte ausgangsposition hat. darüberhinaus würde ich den transform origin definieren, dann sollte das ganze eindeutig sein.
eine derartige, einfache animation würde ich mit transition lösen.
Matthias Scharwies
Matthias Apsel