Image in front of Group Formatting

[KPDub]

I'm trying to get an icon at the beginning of the user group formatting, but just can't get it to work, this is what I have so far

<span style='color:white; background:#cd7f32; font-weight: bold; padding: 3px 8px; border-radius: 3px; text-shadow: #000 2px 2px 4px ;'>  Group Name </span>

I;d like to be able to control the colour of the icon as well

Any help would be greatly appreciated, I'm a bit rubbish at this part

 

[Ryan Ashbrook]

What kind of icon? You can include really any HTML in there - for your prefix, you would either do this, for an actual image:

<img src='/path/to/image.png' alt='Group Name'><span style='color:white; background:#cd7f32; font-weight: bold; padding: 3px 8px; border-radius: 3px; text-shadow: #000 2px 2px 4px ;'>

Or for a Font Awesome icon, you would do this (in this case, you can also control the color - if you want it to match the rest of the group name, then you would place it inside the span rather than outside):

<i class='fa fa-ICON'></i><span style='color:white; background:#cd7f32; font-weight: bold; padding: 3px 8px; border-radius: 3px; text-shadow: #000 2px 2px 4px ;'>

 

[KPDub]

3 hours ago, Ryan Ashbrook said:

What kind of icon? You can include really any HTML in there - for your prefix, you would either do this, for an actual image:

<img src='/path/to/image.png' alt='Group Name'><span style='color:white; background:#cd7f32; font-weight: bold; padding: 3px 8px; border-radius: 3px; text-shadow: #000 2px 2px 4px ;'>

Or for a Font Awesome icon, you would do this (in this case, you can also control the color - if you want it to match the rest of the group name, then you would place it inside the span rather than outside):

<i class='fa fa-ICON'></i><span style='color:white; background:#cd7f32; font-weight: bold; padding: 3px 8px; border-radius: 3px; text-shadow: #000 2px 2px 4px ;'>

 

Thanks man, that did the trick