Background-Image: url(lolo/test.svg) Иконки вставлены через беграудом-имейдж. В EDGE некоторые обрезается снизу

Question

Svelte [svelt] - All about Svelte JavaScript framework.

Background-Image: url(lolo/test.svg) Иконки вставлены через беграудом-имейдж. В EDGE некоторые обрезается снизу

или справа. Некоторые отображаются нормально.
Решил что viewBox иконки прилягает к границам кривых. Всем иконкам, даже тем, что отображались нормально, увеличил высоту/ширину на 2px. viewBox.
Но теперь край обрезается у некоторых (не у всех) что отображались нормально + у некоторых снизу как будто тень.
Что еще интересного. Если увеличить размер контейнера (что увеличивает иконку) где=то в два раза, все SVG отображаются нормально.

Пример: https://codesandbox.io/s/quizzical-cerf-3znu6
Исходный вид: https://www.flaticon.com/free-icon/rose_2448666

Может кто работал с svg в EDGE и может подсказать, как решить проблему?

Всем заранее спасибо

#programming #russian #svelte

0

24.01.2020