# Emoji as badge on roles tag

**URL:** <https://forums.rocket.chat/t/emoji-as-badge-on-roles-tag/11078>\
**Category:** Community Support\
**Created:** [April 30, 2021, 10:12am UTC](https://forums.rocket.chat/t/emoji-as-badge-on-roles-tag/11078 "2021-04-30T10:12:23Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![jean.melo](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jean.melo](https://forums.rocket.chat/u/jean.melo)\
**Post date:** [April 30, 2021, 10:12am UTC](https://forums.rocket.chat/t/emoji-as-badge-on-roles-tag/11078/1 "2021-04-30T10:12:23Z")

</div>

Hi there,

I’m trying to replace role tag in front of username with an emoji icon. I tried via CSS custom:

.role-tag[data-role=“Core Team”] {  
padding: 1px 8px 1px 0;  
color: #ee7725;  
border: 0  
}  
.role-tag[data-role=“Core Team”]::before {  
content: “”;  
background-image: url(“[https://127.0.01/emoji-](https://127.0.01/emoji-)  
custom/Rock.png”);  
}

But it doesn’t work. Anyone have some idea how can i do it?

Thanks.

---

<div class="post-metadata">

**Author:** ![john.crisp](https://sea1.discourse-cdn.com/flex021/user_avatar/forums.rocket.chat/john.crisp/32/2711_2.png) [@john.crisp](https://forums.rocket.chat/u/john.crisp)\
**Post date:** [May 3, 2021, 11:19am UTC](https://forums.rocket.chat/t/emoji-as-badge-on-roles-tag/11078/2 "2021-05-03T11:19:31Z")

</div>

This is being discussed here:

> **[Rocket.Chat](https://open.rocket.chat/channel/support?msg=vQQ9TUV97eR8XKBIT)**