10 ícones úteis e gratuitos de fontes que você deve marcar

À medida que mais e mais dispositivos adotam telas de alta definição, os ícones de fontes estão se tornando a escolha popular a adotar. É redimensionável sem comprometer a qualidade e customizeable através de CSS. Podemos facilmente alterar a cor, o tamanho e até animar ícones de fonte com CSS3. Além disso, é independente de resolução o que faz com que pareça nítido em qualquer densidade de tela.

FontAwesome é de longe uma das fontes de fontes mais populares, com uma enorme coleção de ícones. Mas é altamente desnecessário baixar toda a coleção quando você precisa usar apenas alguns. Aqui estão 10 fontes alternativas de ícones de fonte bem trabalhada Espero que, às vezes, você ache útil criar seus próximos sites e aplicativos incríveis no lugar de FontAwesome.

StackIcons

StackIcons são ícones de fonte para mais de 60 marcas sociais modernas. Ele vem com CSS, permitindo que você estilize sua fonte em várias formas de contêiner. Você pode obter seus ícones de marca social em círculos, quadrados ou com bordas arredondadas. Você também pode colorir os ícones em mais de uma cor, dando a você cores de marca mais realistas.

Licença: SIL Open Font e MIT

Twemoji Impressionante

Twemoji é um projeto de emoticons de código aberto do Twitter. Elle Kasai portou para um ícone de fonte chamado Twemoji Impressionante. Todos os nomes de classes para exibir os ícones são os mesmos que os da Twemoji Cheat Sheet, mas você precisa usar um traço em vez de um sublinhado, isso é tudo. Aqui está um exemplo de como adicionamos o hatching_chick ícone:

Licença: MIT e CC-BY para os gráficos de Emoticons

Font Diao

Font Diao é uma coleção de ícones de fonte do site ou empresa popular na China, como Alibaba, Alipay, WeChat, Xiaomi e Weibo. A fonte pode entrar em útil quando você está construindo wesbites designados para o público da China continental que provavelmente estão familiarizados com esta fonte particular.

Licença: Licença Pública

Socialicious

Socialicious é uma fonte criada exclusivamente para sites sociais populares como Facebook, Twitter e Instagram. A fonte foi criada para funcionar bem com o Bootstrap. Aqui está um código de exemplo para criar um botão com o Bootstrap .btn classe em conjunto com classes de fonte.

   Conecte-se com o Linkedin

Licença: Licença MIT.

Octicons

Octicons é um conjunto de ícones de fontes apresentados pelo GitHub, permitindo que você use o mesmo ícone usado pelo GitHub em seu projeto. Existem mais de 170 ícones prontos para aplicar no seu próximo projeto.

Fonte de pagamento

Se você usa um gateway de pagamento, convém pegar esses ícones de fonte. O pacote contém 95 ícones de sono que são métodos de pagamento ou gateways populares, como Visa, American Express e outros..

Licença: SIL OFL 1.1

Ícones android

Este é o conjunto de ícones criado pelo Opoloo, anteriormente conhecido como a comunidade Android. Inclui 250 ícones impressionantes em 5 tamanhos e 14 cores de ícones Android nativos.

Licença: Atribuição-Compartilhamento pela mesma licença 4.0 Brasil

DevIcons

DevIcons é um conjunto de ícones de fonte feitos à mão por Theodore Vorillas. Ele contém 85 símbolos e logotipos de aplicativos de desenvolvimento conhecidos, como o ícone do GitHub, o ícone do Gulp, o ícone Angular e muitos outros.

Licença: MIT

Abrir icônico

Open Icon contém 223 ícones prontos para uso com bootstrap, um framework ou sua própria folha de estilo. O tamanho da fonte é pequeno, apenas 12.4Kb, que é cerca de um quarto do que você pode encontrar no FontAwesome. O legal é que esses ícones podem ser reduzidos para 8px.

Licença: SIL.

Fonte icônica de material design

Existem 15 categorias de ícones de fontes inspiradas no material design do Google neste pacote. Para usá-los, basta instalar o Material-Design-Iconic-Font.ttf e, em seguida, usar esta planilha. Copie e cole os ícones (não o unicode) no seu projeto. Você pode ampliar os ícones, dar bordas, girar, girar ou virar com CSS.