Descarga de Micon - Descarga del código fuente Micon

Micon

Descarga de fuentes

v3.0.168

Descargar

Micón

Micon (iconos MDL2), el icónico kit de herramientas de Windows 10 Font y CSS.
Este icono se extendió como SEGMDL2.TTF en Windows 10 y CSS Toolkit de CSS convertido basado en Font Awesome . Los iconos de Micon que se pueden personalizar instantáneamente: tamaño, color, sombra de gota y cualquier cosa que se pueda hacer con el poder de CSS.

Demo en línea y documentos: http://xtoolkit.github.io/micon/ (porque estoy muy ocupado, documentos en línea no actualizados para Bower and Building)

Sry por mi mal inglés

Instalación

Opción rápida: use CDN

Puedes usar CDN. Alojado por la página de GitHub y nublado por CloudFlare Ejemplo:

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

Opción uno: instalar con Bower

Para instalar a través de Bower, simplemente haga lo siguiente:

 $ bower install micon --save

Opción dos: descargar repose o fuente construida

Descargue el lanzamiento de la versión Last Micon de GitHub

Empezar

1- Copie todo el directorio micon-repo/dist/micon/ en su proyecto. Si no usa el icono de WebBrand en la fuente, use micon-repo/dist/micon_nb/

2- En el <head> de su HTML, haga referencia a la ubicación a su micon.min.css .
ejemplo:

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

Use iconos en HTML

ejemplo:

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

Instrucciones de compilación (para hacer una fuente personalizada)

Este repositorio ya viene con todos los archivos construidos y listos para usar, pero también puede construir las fuentes a partir de la fuente. Requiere NodeJS .

Siga estos pasos para construir una fuente personalizada:

1- Instalar requiere dependencias ( Gulp, Gulp-Consolidate, Gulp-Iconfont, Gulp-Rename, Bigote ) con el comando hacia abajo.

 $ npm install

2- Personaliza tus iconos de /icons/ .
Si agregue un nuevo icono, inserte el nombre del icono en db.json .
ejemplo:

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

3- Personalice config.json para su fuente.

4- Personaliza tu SCSS, Less y CSS Plantilla en .templates/ . (Use la plantilla de Fuente de uso predeterminado editado por Micon)

5- Construye tu fuente con el comando hacia abajo

 $ npm start

6- End, puedes ver la demostración de tu fuente en /dist/your_fontname/html-demo-your_fontname.html

Instrucciones de compilación de la página (para hacer que la página de fuente personalizada)

Puede construir su página de fuente personalizada (como la página de Micon Github) con estas instrucciones

Versiones

Micon se mantendrá bajo las pautas de versiones semánticas tanto como sea posible. Las versiones estarán numeradas con el siguiente formato:

<major>.<minor>.<fpatch>

Y construido con las siguientes pautas:

Mayor -> Romper la compatibilidad con versiones anteriores a los principales
Menor -> correcciones de errores, nuevas incorporaciones
FPATCH -> Versión de SEGMDL2.TTF

Para obtener más información sobre Semver, visite http://semver.org.

Siguiente versión

Estamos pensando en apoyar a React y Vuejs

Cambiar registros

Versión 3.0.168 (14/01/2019)

Actualizar iconos MDL2 versión => 168 (octubre de 2018)
- 350 icono nuevo (35 ícono sin título)
- Los iconos SVG se hacen más grandes
Actualizar iconos de WebBrand (268 nuevo icono)
eliminar clásico crear fuentes css
Utilice el compilador SCSS para Crear Font CSS
Eliminar SourCeMap de forma predeterminada
Cambiar a Lodash con bigote
Actualizar SCSS y menos plantilla a Font-Awesome 5.6.3
Cambiar el nombre de fontname. (SCSS | MENOS) AL ALISO AL ALITO. (SCSS | MENOS)
Mueva la configuración de fuentes de gulpfile.js a el archivo config.json en root
Nombre de iconos Archivo DB Mover al directorio de paquete de iconos (db.json)
Reescribir gulpfile.js

Versión 2.2.155 (01/05/2017)

Solucionar problemas #13
solucionar menos problema de compilación
Agregue SourCeMap para Micon y Micon_NB

Versión 2.1.155 (29/12/2016)

Soporte de Bower
Agregar SCSS y menos plantilla
mover las plantillas a .templates
arreglar el problema del estilo.css

Versión 2.0.155 (23/12/2016)

Agregar gulpjs para construir micon o fácil crear iconos de micones de fuentes personalizados
Agregar íconos de WebBrand
Agregue la fuente estándar de Woff2 y OTF
Agregue HTML-Demo-Micon.html para iconos de vista portátiles simples.
Plantilla de estilo de actualización
Se corrigió el problema del nombre del alias
Arregle algunas vistas de fuente probador (altura de los iconos de etc.)

Versión 1.0.155 (16/08/2016)

Actualizar iconos versión => 155 (Redstone)
Cambiar el nombre del nombre de los iconos con el nombre oficial de iconos MDL2
Retire la fuente Woff2 y OTF
Problema de animación de iconos solucionado
Problema de altura de icono fijo
Crear página de registros de cambio