Utilizando recursos unicode em páginas web

Olá galera,

Sempre busco minimizar o uso de imagens nos sistemas que desenvolvo a fim de deixá-los mais leves.

O Bootstrap, por exemplo, utiliza a fonte Glyphicon Halflings para adicionar ícones/imagens como alternativa. Todavia é necessário fazer o carregamento de uma fonte que nem sempre é o que queremos.

Pesquisando na internet sobre o assunto, terminei me deparando com o site Alan Wood’s Unicode resources que contém uma lista de caracteres unicode.

Segue abaixo um exemplo de como utilizá-lo com CSS. O código do emoticon foi obtido aqui.

  <style>
  #emoticon:before {
    content: '\1F60E';
    padding-right: 3px;
  }
  </style>
  <div id="emoticon">Emoticon</div>
  

Emoticon

Acima podemos ver o resultado e mais alguns exemplos a seguir.

Dominó

Sol

Avião

Bem pessoal, fica aí a dica.
Um grande abraço a todos e até a próxima.