CSS-将颜色添加到黑色&；使用过滤器的白色PNG图像

在CSS中，是否可以使用过滤器为黑白图像添加颜色？我说的是像在Photoshop中一样使用过滤器，一个更好的例子是微软PowerPoint中的过滤器

我想做的是： 我有一个黑色图标的图像文件。 我想给它添加一个过滤器，这样图像中的所有东西（背景是透明的）都会有我使用过滤器选择的颜色，这样我就可以让图标有我想要的任何颜色。 正如我在标题中所说，这是一个PNG图像，据我所知，我不能使用SVG过滤器

我该怎么做？我正试图用原始图标为一个网站写一个主题，我被困在这上面了

更新：我想使用原始PNG图像。我不会用SVG或预编辑的PNG替换它们

---

提前多谢

您可以使用CSS过滤器，但我不建议您：

.colorizable{
过滤器：
/*用于演示；原稿不完全是黑色的*/
对比度（1000%）
/*从黑到白*/
倒置（100%）
/*白色到灰白色*/
乌贼墨（100%）
/*灰白色到黄色*/
饱和（10000%）
/*你想用黄色做什么都行*/
色调旋转（90度）；
}
.示例剪辑{
显示：块；
高度：20px；
边缘：1米；
对象匹配：无；
对象位置：0；
宽度：300px；
}
.原件{
滤镜：对比度（1000%）；
}
身体{
背景：#333；
}

请添加css

filter: brightness(0) invert(1);

对于将要使用的图像，请将颜色更改为白色。

sepia（）

将黄色添加到黑白，其他过滤器现在将使用该颜色

.foo{
滤光片：乌贼墨（1）饱和（5）亮度（0.5）色调旋转（135度）；
}

您可以使用CSS过滤器来实现，但这是一个非常糟糕的主意。性能差，浏览器支持相对较低，抗锯齿不一定能很好地工作。我该怎么做？我试着玩过滤器，但我没有得到什么效果。我真的在尝试使用原始图标。我不想使用其他图标。然后将原始图标转换为SVG？您也可以内联使用它们。您可以使用svg精神表以及svg图标的

标记。更多信息我不想知道。实际上，我正在为Facebook写一个主题（使用）。我可以完全替换图标，然后使用SVG图标或我事先编辑过的PNG，但这需要我在某个地方托管这些图像，我不想这样做。太好了，这正是我想要的！我将使用这些值来获得我想要的颜色。