Изменить цвет одной иконки svg

Ребята, вроде и вопрос стыдно такой задавать:)  Как изменить цвет стрелки входа когда неавторизован с белого например на красный. Вот эту иконку хочу изменить на красный цвет

В браузере смотрел, что там за это отвечает… в  _custom_scss прописывал так 

.icms-svg-icon.w-16 {
   fill: red}

Но это меняет все иконки на красный цвет… Ссылка на эту иконку такая /templates/modern/images/icons/solid.svg#sign-in-alt  

Пробовал так — не работает:(

.icms-svg-icon.sign-in-alt {
   fill: red}

Помогите пожалуйста правильно обозначить селектор на эту стрелку.

Оберните данную иконку в какой-нибудь span, например так: <span class = «text-danger»>тут или код иконки или шорткод</span>

Это огромный файл, находится тут _____.ru/templates/modern/images/icons/solid.svg#sign-in-alt

В нем тысячи строк с определением этих svg иконок… Как в нем что то обрамить или задать класс? 

Эта иконка — да, она выводится через виджет «Меню авторизации», в опциях выбрано «Верхнее меню» но там можно только задать CSS класс контейнера пунктов меню… А мне нужно просто одну эту иконку сделать красного цвета....

 Юран, в настройках пункта меню допишите класс, примерно так

и потом где-то в файле стилей допишите так

.red-icon svg {
    color: red;
}

и будет так

Во 👍 Все отлично получилось! Спасибо огромное добрейший человек Zau4man 🤝