Download Micon - Download do Código Fonte Micon

Micon

Baixar fonte

v3.0.168

Baixar

Micon

MICON (ícones MDL2), o icônico Windows 10 Font e CSS Toolkit.
Este ícone extraiu como segmdl2.ttf no Windows 10 e convertido também CSS Toolkit com base na fonte incrível . Os ícones do Micon que podem ser instantaneamente personalizados - tamanho, cor, sombra de queda e qualquer coisa que possa ser feita com o poder do CSS.

Demoção e documentos on -line: http://xtoolkit.github.io/micon/ (porque estou muito ocupado, documentos on -line não atualizados para Bower e Building)

sry para meu inglês ruim

Instalação

Opção rápida: use CDN

Você pode usar CDN. Hospedado por Github Page e nublado por Cloudflare Exemplo:

 < head >
...
< link rel =" stylesheet " href =" http://cdn.arshen.ir/micon/3.0.168/dist/micon/css/micon.min.css " >
...
</ head >

Opção Um: Instale com Bower

Para instalar via Bower, basta fazer o seguinte:

 $ bower install micon --save

Opção dois: baixe o repositório ou fonte construída

Baixe a última versão do Micon Lançamento do GitHub

Comece

1- Copie todo o diretório micon-repo/dist/micon/ para o seu projeto. Se você não usar o ícone webbrand na fonte, use micon-repo/dist/micon_nb/

2- No <head> do seu HTML, faça referência ao local ao seu micon.min.css .
exemplo:

 < head >
...
< link rel =" stylesheet " href =" micon-repo/dist/micon/css/micon.min.css " >
...
</ head >

Use ícones em html

exemplo:

< i class = " mi mi-Home " ></ i >
OR
< i class = " mi " > &#xEC15; </ i >

Construir instruções (para fazer fonte personalizada)

Este repositório já vem com todos os arquivos construídos e prontos para uso, mas também pode criar as fontes a partir da fonte. Requer nodejs .

Siga estas etapas para construir uma fonte personalizada:

1- A instalação requer dependências ( Gulp, Gulp-Consolidate, Gulp-iconfont, Gulp-Renome, Bigode ) com comando Down.

 $ npm install

2- Personalize seus ícones de /icons/ .
Se adicionar novo ícone, insira o nome do ícone em db.json .
exemplo:

{
    ...,
    "svgfilename" : {
        "info" : {
            "created" : " 1.0.155 " //font-version
        },
        "alias" : [
            " aliasname1 " ,
            " aliasname2 "
        ]
    }
}

3- Personalize config.json para sua fonte.

4- Personalize seu modelo SCSS, menos e CSS em .templates/ . (Modelo de uso padrão de uso padrão editado por Micon)

5- Construa sua fonte com o comando Down

 $ npm start

6- final, você pode ver a demonstração da sua fonte em /dist/your_fontname/html-demo-your_fontname.html

Instruções de construção de página (para tornar personalizado sua página de fonte)

Você pode criar sua página de fonte personalizada (como Micon Github) com essas instruções

Versão

O Micon será mantido sob as diretrizes de versão semântica o máximo possível. Os lançamentos serão numerados com o seguinte formato:

<major>.<minor>.<fpatch>

E construído com as seguintes diretrizes:

major -> quebrar a compatibilidade com versões anteriores
Menor -> correções de bug, novas adições
fpatch -> versão do segmdl2.ttf

Para mais informações sobre Semver, visite http://semver.org.

Próxima versão

Estamos pensando em apoiar o React e o Vuejs

Alterar logs

Versão 3.0.168 (14/01/2019)

Atualizar mdl2 Icons Version => 168 (outubro de 2018)
- 350 novo ícone (35 ícone sem título)
- Os ícones SVG ficam maiores
Atualize os ícones Webbrand (268 novo ícone)
Remova o clássico Criar fontes CSS
Use SCSS Compiler para criar fontes CSS
Remova o SourCemap por padrão
Mude o Lodash com bigode
Atualize SCSS e menos modelo para a fonte de 5.6.3
Renomeie o FontName. (SCSS | LEESS) Arquivo para estilo. (SCSS | menos)
Mova a Font Config de gulpfile.js para o arquivo config.json em root
Nome dos ícones DB FILE MOVE PARA ICONS PACK DIRETORY (DB.JSON)
reescreva gulpfile.js

Versão 2.2.155 (05/01/2017)

Corrigir #13 problemas
Corrigir menos problema de compilação
Adicionar SourCemap para Micon e Micon_NB

Versão 2.1.155 (29/12/2016)

Suporte Bower
Adicione SCSS e menos modelo
mover modelos para .templates
Fix Style.css Problem

Versão 2.0.155 (23/12/2016)

Adicione gulpjs para construir micon ou fácil criar ícones personalizados para fontes de fontes
Adicione ícones da Webbrand
Adicionar fonte padrão Woff2 e OTF
Adicione html-Demo-micon.html para obter ícones de visualização portátil simples.
Modelo de estilo de atualização
Corrigir problema de nome de alias
Corrija alguns probromos visualizações de fonte (etc. altura dos ícones)