FA Иконка перед ником

[vilotexx]

В extra.less

Спойлер: extra.less

.username--style1:before {
font-family: "Font Awesome 5 Pro";
content: "\f521";
font-weight: 600;
padding-right: 1px;
display: inline-block;
}
.username--style1:hover:before {
display: inline-block;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transition: all 0.8s;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
}

Дополнительно
username--style1 - где 1, ID группы пользователей

content: "\f521- где f521 юникод иконки, который вы можете увидеть на сайте fontawesome.com(не реклама)

Иконки можно смотреть на сайте - https://fontawesome.com/v6/search?m=free