Micon - uma fonte de ícone do Windows 10 para Web Designers

o redesenho para o Windows 10 veio com muitos novos recursos e um novo visual. Uma das maiores mudanças veio ao estilo de ícones, especialmente em comparação com o Windows 7 e XP.

Graças ao Conjunto Micon, agora você pode traga ícones no estilo Win10 direto para o seu site.

Este pacote de ícones vem como uma fonte de ícone e os seus lançado gratuitamente via GitHub. O repo principal tem as informações de configuração, mas a página inicial do Micon apresenta todos os ícones em exibição com seus nomes de classe apropriados.

A estrutura real do site segue um formato semelhante ao Font Awesome. Você pode navegar por todos os ícones e clique em qualquer um deles para obter mais detalhes sobre uma nova página.

Por exemplo, pegue este ícone de carga da bateria que usa um projeto de bateria e um pequeno plugue de carregamento. Você vai ter um visualização do ícone em vários tamanhos, junto com sua classe de ícones CSS, nesse caso mi-BatteryCharging10.

Este conjunto de ícones também funciona como o Font Awesome, onde você pode incorporar os ícones diretamente no seu HTML. O snippet de código para este ícone de bateria funciona da mesma maneira:

É super fácil de começar, com apenas uma cópia da folha de estilo CSS da Micon e algum conhecimento básico de desenvolvimento front-end.

Confira a página de configuração aprender mais. Realmente, você só precisa baixe uma cópia do pacote Micon do GitHub e inclua essa folha de estilo (junto com fontes de ícones apropriadas) na sua página. De lá, apenas referencie os nomes das classes como acima e você está pronto para ir.

Como este projeto é de código aberto, você é livre para usar estes ícones com qualquer projeto, pessoal ou comercial. E você pode até faça seu próprio arquivo seguindo as instruções de compilação do Micon GitHub. Desta forma você pode embale apenas os ícones que você quer nos arquivos de fonte e reduza o tamanho total do arquivo.

No geral, estou realmente impressionado com o variedade de ícones e a fácil configuração. Você pode encontrar muitos exemplos no site e até ícones animados na página "Exemplos", que inclui trechos de código.

Estes ícones trabalhe bem com o Bootstrap, então você pode combine-o com o framework BS3 / BS4 para alguns layouts personalizados reais.

Faça o download de um copyright gratuito da página inicial da Micon e veja como você pode trabalhar com esses ícones do Windows 10 em seu próximo design.