在 URL 中更改 XML SVG 填充

Question

试图了解填充的格式，以便我可以更改颜色以进行适当的设计。

标准bootstrap5手风琴箭头。

background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

填='%23212529' 这是什么格式，我可以更改它？

Answer 1

这样使用填充='%230f70d0'

所以，

%23 => #
0f70d0 => 颜色十六进制代码摘录#

在 %23 之后你可以使用颜色十六进制代码示例：#0f70d0 => %230f70d0

在 URL 中更改 XML SVG 填充

Changing XML SVG fill within a URL

html

css

svg

fill