Ähnlich zu dem Thema der FontAwesome Icons in der Navbar gibt es hier ein kleines Tutorial wie ihr zusätzliche Icons in die Beiträge bekommt. Eine Auswahl der verschiedensten Icons findet ihr bei bei FontAwesome in der Übersicht.

Nun öffnet ihr wieder die extra.less und fügt folgendes hinzu:
Less:
.actionBar-action
{
    &:before {margin-right:5px;}
    &.actionBar-action--report:before {.m-faContent("@{fa-var-bell}");}
    &.actionBar-action--edit:before {.m-faContent("@{fa-var-pencil}");}
    &.actionBar-action--delete:before {.m-faContent("@{fa-var-eraser}");}
    &.actionBar-action--spam:before {.m-faContent("@{fa-var-flag}");}
    &.actionBar-action--ip:before {.m-faContent("@{fa-var-search}");}
    &.actionBar-action--warn:before {.m-faContent("@{fa-var-exclamation-triangle}");}
    &.actionBar-action--history:before {.m-faContent("@{fa-var-history}");}
}
XenForo hat in der Version 2.1 alle Icons von FontAwesome in der setup_fa.less deklariert und ihr braucht nicht die \f5f2 als content nutzen. Ihr könnt direkt im Syntax bleiben und die Icons beim Namen nennen. Auch braucht ihr nicht jedesmal den font-style aufrufen, dies wird auch schon in der core_fa.less gemacht. Somit könnt ihr einfach im Stil einer LESS arbeiten.

Das Ergebnis sieht dann so aus..

Screenshot 2018-12-01 23.14.53.png