Css 更改材质图标中的svg圆形路径颜色

我添加了带有填充和笔划属性的材质svg

.sample{
背景色：黑色；
}
svg>路径：最后一个子{
填充物：白色；
行程：#14B005；
}

---

样式问题在于圆圈和复选标记是用同一个补丁绘制的
我将一个补丁分割成不同的补丁。一个补丁代表圆圈，第二个补丁代表记号

使用第二个M命令拆分面片

它是：

path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM9.29 16.29L5.7 12.7c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0L10 14.17l6.88-6.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-7.59 7.59c-.38.39-1.02.39-1.41 0z"/>

变成

<path class="circle" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/>
   <path class="check"  d="M9.29 16.29L5.7 12.7c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0L10 14.17l6.88-6.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-7.59 7.59c-.38.39-1.02.39-1.41 0z"/>

找到解决方案了吗

使用了另一个svg，没有任何圆圈，只有一个记号

将svg设置为

边框半径：50%

以查看周围

为svg和路径指定颜色

.sample{
背景色：黑色；
}
svg{
边界半径：50%
}
svg>路径：第一个子{
填充物：白色；
}
svg>路径：最后一个子{
填充：绿色；
}

无论我发布的解决方案是什么，都是正确的，对svg没有太多的概念，这就是为什么还有更多疑问，你是如何分割这条路径的，我也需要这条路径，而不是绿色，我需要红色。@alexandr有什么帮助吗？我使用了同样的方法，从“我走了两条路tags@DILEEP托马斯：我还不明白在款式上用红色代替颜色有什么问题。也许你最好问一个新问题，详细描述一下这个问题