Почему у svg появляется черный фон?

Question

[explicit1]

Здравствуйте. Объеденил иконки в один svg sprite, через symbol, в html вставляю через svg > use. В хроме все окей, но вот в фаерфоксе у некоторых эелементов появляется черный фон. С чем это может быть связанно и как это исправить?

Нормальное отображение иконок


Иконки в firefox

Answer 1

[Adamos]

Видимо, у элементов не прописано свойство фона, а по умолчанию Хром предполагает прозрачный, а Лиса - черный.
Благо SVG такой формат, что можно открыть в блокноте да посмотреть.

Comments

[explicit1]

Спасибо.

Answer 2

[inkShio]

Иногда в иконках прописан фон, что бы совсем от этого фона избавиться и оставить только кривые можно сделать так
Открываешь иконку в иллюстраторе => выделяешь иконку => обработка контуров => исключение

Comments

[explicit1]

Спасибо за подробный ответ.)