Micon: una fuente de iconos de Windows 10 para diseñadores web

El rediseño de Windows 10 viene con muchas características nuevas y un aspecto completamente nuevo. Uno de los mayores cambios vino al estilo de icono, especialmente comparado con Windows 7 y XP.

Gracias al conjunto de Micon, ahora puede traer iconos de estilo Win10 directamente a su sitio web .

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

La estructura del sitio web real sigue un formato similar a Font Awesome . Puede navegar por todos los iconos y hacer clic en cualquiera de ellos para obtener más detalles sobre una nueva página.

Por ejemplo, tome este ícono de carga de la batería que usa un diseño de batería y un pequeño enchufe de carga. Obtendrá una 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 de forma similar a Font Awesome, donde puedes insertar 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 comenzar, con solo una copia de la hoja de estilo de CSS de Micon y algunos conocimientos básicos de desarrollo front-end .

Consulte la página de configuración para obtener más información. Realmente, solo necesita descargar una copia del paquete de Micon de GitHub e incluir esa hoja de estilo (junto con las fuentes de icono adecuadas) en su página. A partir de ahí, solo haga referencia a los nombres de las clases como se muestra arriba y estará listo.

Como este proyecto es de código abierto, puede usar estos iconos con cualquier proyecto, personal o comercial . E incluso puede crear su propio archivo siguiendo las instrucciones de compilación de Micon GitHub. De esta forma, puede empacar solo los iconos que desee en los archivos de fuentes y reducir el tamaño total del archivo.

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

Estos iconos incluso funcionan bien con Bootstrap, por lo que puede combinarlo con el marco 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 trabajar con estos iconos de Windows 10 en su próximo diseño.