Unicode Emojis as Icons for Tags

bane

Fonts:

@font-face { /* http://emojione.com/developers/ */
  font-family: Emojione;
  src: local("EmojiOne BW"), local("EmojiOne"), local("Emoji One"), 
       /*   https://cdn.rawgit.com/Ranks/emojione/master/assets/fonts/emojione-bw.otf – monochrome only, deprecated, removed
            https://1337god.github.io/emojione/extras/fonts/emojione-apple.ttc
            https://1337god.github.io/emojione/extras/fonts/emojione-svg.otf
            https://1337god.github.io/emojione/extras/fonts/emojione-android.ttf – with hack
            https://1337god.github.io/emojione/extras/fonts/emojione-apple.ttf – with hack */
       url("https://1337god.github.io/emojione/extras/fonts/emojione-svg.woff2") format("woff2"),
       url("https://1337god.github.io/emojione/extras/fonts/emojione-svg.woff") format("woff"),
       url("https://1337god.github.io/emojione/extras/fonts/emojione-svg.otf") format("truetype");
}
@font-face { /* https://www.google.com/get/noto/#noto-emoji-zsye */
  font-family: Noto;
  src: local("Noto Emoji"), local("Noto Color Emoji"), local("Noto"), 
       url("https://cdn.rawgit.com/googlei18n/noto-emoji/master/fonts/NotoEmoji-Regular.ttf");
}
@font-face { /* https://github.com/eosrei/twemoji-color-font/releases */
  font-family: Twemoji;
  src: local("Twemoji");
}
@font-face { /* http://users.teilar.gr/~g1951d/ */
  font-family: Symbola;
  src: local("Symbola");
}

Code Example (with custom color):

.item-tag1 > a > span:before {
    content: '🎮';
    font-family: Emojione, Noto, Twemoji, Symbola;
    font-weight: normal;
    line-height: 17px;
    vertical-align: top;
    padding-left: 3px;
    color: #4a39ee; margin: 0;
    text-transform: text;
    font-variant-emoji: text;
    font-variant-color: monochrome;
    font-color: monochrome;
    font-palette: dark;

}

How it looks:
Emoji Tag

I was testing some things, and finally managed to add icons with custom color to tags using emojis, if anyone wants the code here you have it.

Radu

Thank you!