Micon - Una fuente de iconos de Windows 10 para diseñadores web

los rediseño para Windows 10 Viene con muchas características nuevas y un aspecto totalmente nuevo.. Uno de los cambios más grandes vino al estilo del icono., especialmente en comparación con Windows 7 y XP.

Gracias a Conjunto micon, tu puedes ahora trae iconos de estilo Win10 directamente a tu sitio web.

Este paquete de iconos viene como una fuente de iconos y es lanzado gratis a través de GitHub. El repositorio principal tiene la información de configuración, pero la página de Micon presenta todos los iconos en exhibición con sus nombres de clase apropiados.

La estructura real del sitio web Sigue un formato similar al de Font Awesome.. Usted puede navegar a través de todos los iconos y haga clic en cualquiera de ellos para obtener más detalles en una nueva página.

Por ejemplo, tome este ícono de carga de la batería que utiliza un diseño de batería y un pequeño enchufe de carga. Obtendrá un Vista previa del icono en varios tamaños., junto con su clase de iconos CSS, en este caso mi-BatteryCharging10.

Este conjunto de iconos también funciona como Font Awesome, donde puedes incrusta los iconos directamente en tu HTML. El fragmento de código para este icono de batería funciona de la misma manera:

Es muy fácil empezar, con solo una copia de la hoja de estilo CSS de Micon y Algunos conocimientos básicos de desarrollo front-end..

Revisar la página de configuración aprender más. En serio, solo necesitas Descarga una copia del paquete Micon de GitHub. e incluya esa hoja de estilo (junto con las fuentes de iconos adecuadas) en su página. A partir de ahí, solo referencia los nombres de las clases como arriba y eres bueno para ir.

Dado que este proyecto es de código abierto, estás Libre de utilizar estos iconos con cualquier proyecto, personal o comercial.. Y, incluso puedes haz tu propio archivo siguiendo las instrucciones de compilación del Micon GitHub. De esta manera usted puede Empaque solo los iconos que desee en los archivos de fuente y reducir el tamaño total del archivo.

En general, estoy realmente impresionado con el variedad de iconos y el configuración fácil. Puedes encontrar muchos ejemplos en el sitio web y incluso iconos animados en la página de ejemplos que incluye fragmentos de código.

Estos iconos incluso funciona bien con Bootstrap, así que puedes Combínalo con el framework BS3 / BS4. para algunos diseños personalizados reales.

Descargue un copyright gratuito de la página de inicio de Micon y vea cómo puede utilizar estos iconos de estilo de Windows 10 en su próximo diseño.