XF 2.2 Showing icons in group user banner?

[Sprisa]

Hello, I have been wondering for some is it possible to show font-awesome/material icons in user group banners? And how do forums do that when you register you get a message from some bot or account?

 

[TPerry]

I MUCH prefer assigning custom banners to each group... and then making customizations in EXTRA.less (actually, now I use it in a separate template that has a include call in it in EXTRA.less)

.label
{
    &:after
    {
        padding-left: 4px;
        .m-faBase();
    }
    &:before
    {
        padding-right: 4px;
        .m-faBase();
    }

    &.label--
    {    
/* User Banner custom FA icon configs */
     
        &site_owner:before
        {
            .m-faContent(@fa-var-telescope);
            font-size: 15px;
        }
        &site_member:before
        {
            .m-faContent(@fa-var-meteor);
        }
        &site_member5:before
        {
            .m-faContent(@fa-var-moon-stars);
            font-size: 15px;
            color: #f7bd61;
        }
     
        &site_founding_member:before
        {
            .m-faContent(@fa-var-galaxy);
            color: #872402;
            font-size:15px;
        }
     
    }
}

/* User Banner modifications */
.label.label--site_owner {
    color: #fff;
    background: #720f94;
    border-color: #9821ce;
}
.label.label--site_member {
    color: #050505;
    background: #a47909;
    border-color: #ce9521;
}
.label.label--site_member5 {
    color: #f3efef;
    background: #223d89;
    border-color: #403b9d;
}
.label.label--site_founding_member {
    background: #7eb5e8;
    color: #35354b;
    border-color: #140f66;
}
/* End User Banner modifications */