CSS修改图标颜色（适用于单一颜色）

之前的点击效果，想做成点击后图标也变色，但又懒得修图找素材。

使用下述方法后的点击效果。

CSS代码

 .background{
        width: 100px;
        height: 100px;
        filter: invert(71%) sepia(44%) saturate(6442%) hue-rotate(109deg) brightness(95%) contrast(94%);
    }

CSS filter滤镜任意色值转换工具: link.
通过该工具可生成想要的颜色样式代码。