XF 2.2 Иконка вместо текста в префиксах2

[tirpix]

Всем привет.
В продолжении закрытой темы.
Есть рабочий код:

.label.label--pro {
    color: #33a33b;
    background: #70E500;
    border-color: #e7e77e;
    font-size: 0;
    
    &:hover {
        background: #949a9e;
        color: #fafafa;
    }   
  
    &:before {
        content: "\e00e";
        font-family: 'Font Awesome 5 Pro';
        font-size: 15px;
        padding: 0 10px;
    }
}

Подскажите пожалуйста, как сделать что бы при наведении мышки на иконку, иконка менялась на другую?

 

[Mirovinger]

Приветствую.
Как-то так, на примере Вашего кода.

.label.label--pro {
    color: #33a33b;
    background: #70E500;
    border-color: #e7e77e;
    font-size: 0;

    &:hover {
        background: #949a9e;
        color: #fafafa;
       
        &:before {
            content: "\f0e7";
        }
    }  

    &:before {
        content: "\e00e";
        font-family: 'Font Awesome 5 Pro';
        font-size: 15px;
        padding: 0 10px;
    }
}

Иконку на свою.