使用内联css更改SVG图标颜色

Question

我对SVG很新，但是如何使用内联CSS显示SVG图标并更改其颜色？例如，如果我想将example.svg的颜色更改为#FFF000，我该怎么做？

我尝试在线搜索，但找不到任何东西。

Answer 1

collinksmith确实回答了您的问题，但没有说明您无法使用CSS更改.svg文件的颜色。您需要添加SVG内联，然后可以对其应用CSS。

Answer 2

您需要使用svg fill的{​​{1}}属性。假设一个svg html元素，在svg元素本身上设置了一个类：

path

编辑以下是一个示例：https://jsfiddle.net/4447zb7o/

编辑2 要设置内联css，请更改svg中.class-name path { fill: red; } 元素的style属性：

path