Библиотека материалов-значков от Google включает в себя функцию шрифта, которая позволяет использовать такие теги:
<i class="material-icons md-24 md-light">refresh</i>
И у них есть пример PWA, который создает "кнопки" меню с помощью css:
.header #butRefresh {
background: url(/images/ic_refresh_white_24px.svg) center center no-repeat;
}
<button id="butRefresh" class="headerButton" aria-label="Refresh"></button>
Мой вопрос заключается в том, что если я хочу использовать значки, не приведенные в примере, для создания моего проекта, загрузка материала-значков содержит черные значки, но не белые значки, в первом фрагменте кода, md-light
класс меняет цвет.Есть ли способ объединить эти два понятия в одно?Чтобы я мог использовать css для определения изображений кнопок, но получить доступ к информации о классе, чтобы он стал белым?