Html 如何更改此svg中复选标记的颜色？

1） 有没有办法更改此svg中复选标记的颜色

2） 为什么是

fill:rgb（71131,48）工作，但
填充：#478530否

3） 如果我想在云中创建其他符号，有没有工具可以做到这一点


。图标{
背景：url（'data:image/svg+xml；utf8'，）不重复；
}
想法是使用另一个背景作为底层：


。图标{
背景：
url（'data:image/svg+xml；utf8'，）不重复，
线性梯度（红色、红色）50%60%/50%40%无重复；
显示：内联块；
宽度：150px；
高度：150像素；
}
您需要对
#
符号进行url编码

使用
填充：%23478530


。图标{
背景：url（'data:image/svg+xml；utf8'，）不重复；
}
两种填充方式都适用good@TemaniAfif2）如果我试图将其改为十六进制，它对我不起作用。你试着修改我的代码片段了吗？它对复选标记有效，但对cloud@TemaniAfif根据下面的答案将#转换为%23后，它工作正常。否，两者都工作正常，请检查此处：我认为不需要它，我使用
#
尝试了不同的值，它们工作正常：很好，谢谢！如何使其正确缩放？尝试添加
宽度：16px；高度：16px
到
。图标
，您会看到红色的复选框在下面结束。有没有办法在不改变任何其他固定值的情况下使线性渐变与图标大小一起缩放？@SeaBass检查更新，您只需使用%values；）伙计，你是个英雄。谢谢！：）