CSS -стиль для гаечного ключа ⇐ CSS

[Anonymous]

Я пытаюсь стилизовать значок гаечного ключа с синим контуром и белым цветом. Значок сейчас черный, поэтому я вижу его, но я хочу, чтобы значок выглядел как этот https://www.flaticon.com/free-icon/spanner_759749. Я использую элемент CSS, называемый My-Wrench, и не могу заставить его выглядеть как значок в ссылке выше. < /P>
css < /p>

Код: Выделить всё

.my-wrench{
transform: rotate(90deg); /* Rotates the icon 90 degrees clockwise */
color: black
outline-color: blue
outline-style: solid;
}
< /code>
html < /p>



build

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

{{cd.label}}

Stackblitz

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