Стилирование для гаечного ключа - угловой материал ⇐ CSS

[Anonymous]

Я хочу стилизовать значок гаечного ключа с синим контуром и белым/прозрачным цветом. Значок сейчас черный, поэтому я вижу его, но я хочу, чтобы значок выглядел как этот https://www.flaticon.com/free-icon/spanner_759749.
Я использую элемент CSS, который называется MyWrich и не могу выглядеть как ICON в ссылке выше. Держите свойства, за исключением цвета, сея. < /p>
css < /p>
.my-wrench{
transform: rotate(90deg); /* Rotates the icon 90 degrees clockwise */
color: black
outline-color: blue
outline-style: solid;
}
< /code>
Я попытался добавить элемент Mat-iCon, но это просто делает гаечный ключ синим вместо черного < /p>
.my-wrench mat-icon {
color: blue;
}
< /code>
html для Icon < /p>



build

Edit Columns
class="table-config-menu-options"
style="display: flex; flex-direction: column; padding: 8px"
>

{{cd.label}}









Подробнее здесь: https://stackoverflow.com/questions/797 ... r-material