html - html 中的颜色 Svg 元素

Question

我在我的网站中使用 svg 图标，并且想将它们的颜色更改为红色（它们都是黑色的）。

<img src='assets/icon.svg'/>

我尝试在 img 标签上使用 css fill 属性，但它不起作用。然后我遇到了对象 attr 并尝试使用 svg 图标，如下所示：

<object type="image/svg+xml" data="assets/icon.svg"></object>

在这里对对象应用填充属性什么都不做。关于如何在不使用 jquery 的情况下更改 svg 元素的填充属性的任何想法

jsfiddle

标签： htmlsvg

Answer 1

您需要将填充颜色设置为 svg 路径

path {
    fill:red;
}