Почему в нескольких браузерах автономный SVG отображается иначе, чем встроенный? ⇐ Html

[Anonymous]

Эта стрелка отлично отображается, если сохранить ее как стрелка.html и открыть в современном браузере. (Edge, Firefox, Chrome).

Код: Выделить всё

Но из-за того, что это встроено в HTML-файл, его трудно использовать повторно, поэтому я сохранил следующее в стрелку.svg и открыл его в браузере, и оно выглядит неправильно:

Код: Выделить всё

Интересно то, что в Firefox, Chrome и Edge это выглядит неправильно. Так может я что-то не так делаю? Кто-нибудь знает, что я делаю не так?


Подробнее здесь: https://stackoverflow.com/questions/395 ... e-browsers