Как добавить иконки и цвет перед ником как на CRMP Online?

[Влад респач]

вот я нашёл код и попробовал его поставив на основу и смотрю там сразу иконка и хочу спросить у вас есть все как на крмп онлайн с иконками и цветом перед ником ?
Вот код

color: yellow;
font-weight: bold;
text-shadow: #ffa500 1px 1px 10px;

&:before {
font-family: "Font Awesome 5 Pro";
    content: "\f6d5";
    font-weight: 600;
    padding-right: 2px;
    display: inline-block;
}
&: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;
}
&: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;
}
&:after {
    content: "Osnova";
    color: yellow;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
    border-radius: 3px;
    border-width: 3px;
    border-style: solid;
    border-color: yellow;
    border-image: initial;
    padding: 0px 4px;
    margin: 0px 5px -3px;
}

Можете кинуть фулл с Дж всеми?

@Kolpak у тебя нету случайно?