IcoFont lhe dá mais de 2100 ícones gratuitos em um único arquivo de fonte

Com o surgimento de fontes da web e fontes CSS incorporáveis, é muito mais fácil hoje em dia criar sites verdadeiramente únicos a partir do zero.

A mais nova tendência é fontes de ícones que são geralmente menores que as imagens, muito mais fáceis de dimensionar, e são cristalinas em todos os tamanhos de tela (incluindo retina). Você pode encontrar muitas dessas fontes de ícones on-line, mas IcoFont realmente leva o bolo.

Este tipo de ícone livre vem com mais de 2.100 ícones, tudo empacotado em um arquivo de fonte única.

Você pode baixar a fonte bruta com todos os ícones ou apenas certo ícone “famílias” como interface de usuário em moeda, comercial, social ou móvel (entre muitos outros).

O site funciona como um documentação online Para todos esses ícones, você pode copiar / colar os códigos em seu site rapidamente. Ícones IcoFont funcionam muito como os ícones do FontAwesome que, por exemplo, são usados ​​por padrão no framework Bootstrap.

Tudo funciona através do elemento isso requere duas classes CSS:

1. a classe IcoFont padrão
2. uma classe para cada tipo de ícone

Por exemplo, para adicionar um ícone de castelo ao seu documento, você adicionaria algo assim ao seu layout:

Você pode tecnicamente adicionar esses ícones para qualquer elemento que você goste mas o código padrão do IcoFont depende de elementos.

Observe esta biblioteca não deve ser confundido com um programa chamado Icofont que não é uma biblioteca, mas uma interface para gerenciar fontes de ícone dentro de seus aplicativos RoR. Como esse programa tem o mesmo nome da biblioteca IcoFont, pode ser difícil pesquisar no Google para obter mais informações.

Esta biblioteca é ainda é muito novo e não consigo encontrá-lo no GitHub ou em qualquer outro lugar na Web. Mas, se você está procurando mais informações, eu recomendo fortemente visitar o site e fazer o download de uma cópia. Você encontrará todos os código fonte apropriado ali mesmo e você pode até navegar todos os ícones por categoria para ver o que está no set.