Как сделать реверс ? 

В обычном коде использую так , насколько я знаю, 

<i class="fa fa-gavel fa-flip-horizontal">

 Но у меня не много другая ситуация, как сделать реверс в этом коде ? 

::before {    
    content: "\f0e3" !important;
} 

 

\f0e3 это = fa fa-gavel

::before {
  content: "\f0e3" !important;
  display: inline-block;
  transform: scaleX(-1);
}

В чистом виде работает, в принципе и у вас должно. 

4 минуты назад, Desti сказал:

::before {
  content: "\f0e3" !important;
  display: inline-block;
  transform: scaleX(-1);
}

В чистом виде работает, в принципе и у вас должно. 

Да работает! большое спасибо, но что заметил Уезжает часть иконки на текст, печалька... 

Можно попробовать ограничить размер контейнера родителя иконки, т.е. указать ширину, типа 

width: 20px;

1 час назад, Desti сказал:

Можно попробовать ограничить размер контейнера родителя иконки, т.е. указать ширину, типа 

width: 20px;

Как всегда, большое спасибо, уже по не многу форум становиться нормальный )))