Read the tutorial here and learn how to make your own web icon fonts.

Look at this simple one I’ve made:

1 2 3 4 5 6
a b c d e

Dowload the font.

<style>
i.emo {
 font-family: 'web_emotions';
 font-style: normal;
 display: inline-block;
 font-size: 4em;
}
</style>

<div>
  <i class="emo large">1</i>
  <i class="emo large">2</i>
  <i class="emo large">3</i>
  <span style="color:#ff00cc">
  <i class="emo large">4</i>
  <i class="emo large">5</i>
  <i class="emo large">6</i>
  </span>
</div>

<div>
  <i class="emo large">a</i>
  <i class="emo large">b</i>
  <i class="emo large">c</i>
  <i class="emo large">d</i>
  <i class="emo large">e</i>
</div>