Question

我看到以下代码作为WhatsApp网站中使用的菜单图标：

<svg version="1.1" id="icon-menu" xmlns="http://www.w3.org/1999/xlink" x="0" y="0" width="37" height="37"
             viewBox="0 0 37 37" style="enable-background:new 0 0 37 37;" space="preserve">
            <path class="_2y-e" d="M8,26h21v-1.8H8V26z M8,11v1.8h21V11H8z
                M8,19.2h21v-1.8H8V19.2z"></path>
        </svg>

但是，它是白色的（更改窗口的大小直到它出现），但是当我在html文件中使用它时它是黑色的，并且更改样式颜色不会更改它的颜色。我怎么可以用白色呢？

Answer 1

使用fill作为图标的样式。

<svg style="fill: white" version="1.1" id="icon-menu" xmlns="http://www.w3.org/1999/xlink" x="0" y="0" width="37" height="37"
             viewBox="0 0 37 37" style="enable-background:new 0 0 37 37;" space="preserve">
            <path class="_2y-e" d="M8,26h21v-1.8H8V26z M8,11v1.8h21V11H8z
                M8,19.2h21v-1.8H8V19.2z"></path>
        </svg>

如何更改svg菜单图标的颜色

1 个答案: