数据URI：改变颜色和定义内容区域

Question

我在Flaticon.com上找到了some icons，以便在我博客的导航菜单中使用它们。在这种情况下，我想使用Base64代码将文本“Home”替换为house图标。

这是我网站上使用的当前代码：

.menu-item-36 {
  content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNC…ToDCG0DxpgvOsX4GsAgGyBKX8AAAAASUVORK5CYII5467651096249186f76b4680bd54615d');
  margin-left: 10px;
  height: 40px;
}

我将background-image更改为content，以隐藏原始文字“首页”并将其替换为图标。

现在问题：当我使用上面的代码时，图标有黑色。我想用白色代替。当我将课程设置为color: #fff;或fill: #fff;时，它无效。

我怎么能这个问题？