Проблема с SVG в Firefox?

Question

[Сергей]

В Firefox иконки размываются.

Вот так отображается в Firefox
prntscr.com/c10l46
в Chrome
prntscr.com/c10lpe

https://jsfiddle.net/fdvn17o0/3/

Может кто знает как это можно исправить?

Answer 1

[Lynn «Кофеман»]

Firefox «честно» высчитывает дробные значения margin-ов, padding-ов и т.п. и применяет их при отрисовке SVG.

Обычно работает «хак»

svg {
  transform: translateZ(0);
}

https://jsfiddle.net/fdvn17o0/6/