Как изменить цвет значка меню SVG

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>