Javascript IE中svg图标的颜色反转有什么解决方法吗？

我正在将以下URL传递给imageUrl属性：

'{!URLFOR($Asset.slds, "assets/icons/utility/expand.svg")}'

因为已经有了这些svg图标。然后我将它们反转，因为它们在svg标记中未使用时会显示为白色：

.k-tabstrip-items .k-item .k-image {
        width: 30px;
        margin-left: 1%;
        margin-top: -10px;
        -webkit-filter: invert(100%);
        -moz-filter: invert(100%);
        -ms-filter: invert(100%);
        -o-filter: invert(100%);
    }

    .k-tabstrip-items .k-item .k-state-active .k-image {
        -webkit-filter: invert(0%);
        -moz-filter: invert(0%);
        -ms-filter: invert(0%);
        -o-filter: invert(0%);
    }

---

然而，这当然在IE中不起作用，图像掩蔽也不起作用。。。是否有一些解决办法，使这些图标黑色的IE？我正在努力寻找一个可行的解决方案（如果真的有）。它可能只是需要有黑色的图标。。。但是我想看看我是否可以用CSS来完成这项工作。

您可以从svg更改填充颜色：

Html:

在svg中，路径必须具有id“linkedin”才能更改颜色

<path id="linkedin" fill="#000" d="M49.265,[...],10.11V46.304z"/>

---

我先前回答的副本

如果你认为是重复的，就标记为重复。

svg #linkedin { 
  fill: red; //or #ff0000
}

<path id="linkedin" fill="#000" d="M49.265,[...],10.11V46.304z"/>