Рендеринг SVG <image> в firefox отключен

Отображение элементов <image> в Firefox пикселизировано. То же изображение с той же шириной/высотой прекрасно выглядит как <img>. Он также корректно работает как svg <image> в Chrome.

Пример:

Левая часть — это svg <image> со ссылкой на png, правая — обычная <img> ссылка на то же изображение.

Рабочий пример:

<svg height = "53" width = "60"
  xmlns = "http://www.w3.org/2000/svg">       
  <image  href = "https://mdn.mozillademos.org/files/6457/mdn_logo_only_color.png"  width = "60" height = "53" x = "0" y = "0" />
</svg>

<img src = "https://mdn.mozillademos.org/files/6457/mdn_logo_only_color.png" width = "60px" height = "53px"/>

Как сделать, чтобы изображение svg отображалось правильно? Я пробовал все варианты, перечисленные здесь https://developer.mozilla.org/en-US/docs/Web/SVG/Element/image (image-rendering, shape-rendering, preserveAspectRatio и т. д.).