SVG выглядят черными на MS Edge

Question

Каким-то образом мои изображения отлично отображаются на Chrome и Firefox, но на MS Edge он выглядит черным.Я окружаю свои файлы SVG HTML-файлом, чтобы я мог загрузить их в другой HTML-файл.Это известная проблема?И есть ли у кого-нибудь решение?

Пример: https://imgur.com/a/kFlIiW6

Структура кода выглядит следующим образом:

<template style="display: flex">
<svg class="svgclassname" viewBox="0 0 128 128">
<--Styling and paths-->
</svg>
</template>

Заранее спасибо!

Answer 1

По какой-то причине MS Edge проигнорировал мой стиль в файле SVG.Решение проблемы с заполнением путей разрешило мою проблему.

Answer 2

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

<img src="mysvg.svg"/>

Если вы хотите изменить fill, strokeили какое-либо другое свойство, вам нужно сделать это для этого из основного файла SVG.