在iconfont中复制svg图标到项目中后,修改颜色

我们项目中经常使用图标,并且大部分都是从iconfont中找的,但是得到的图标都是黑色模式,到项目中之后,要根据主题动态调整颜色,所以就需要修改颜色,这个时候就发现单纯修改color是没有用的,需要使用path的fill来修改

            .icon {
                width: 100%;
                height: 100%;
                path {
                    fill: var(--vp-c-text-1);
                }
            }

这样就可以了: