Micon - Un font icona di Windows 10 per i web designer

La riprogettazione per Windows 10 è stata introdotta con molte nuove funzionalità e un aspetto completamente nuovo. Uno dei maggiori cambiamenti è arrivato allo stile delle icone, specialmente rispetto a Windows 7 e XP.

Grazie al set Micon, ora puoi portare le icone in stile Win10 direttamente nel tuo sito web .

Questo icon pack si presenta come un font di icone ed è rilasciato gratuitamente tramite GitHub . Il repository principale ha le informazioni di configurazione, ma la homepage di Micon presenta tutte le icone in mostra con i loro nomi di classe appropriati.

La struttura del sito Web effettiva segue un formato simile a Font Awesome . Puoi sfogliare tutte le icone e fare clic su ognuna di esse per ottenere maggiori dettagli su una nuova pagina.

Ad esempio, utilizza questa icona di ricarica della batteria che utilizza un design della batteria e una piccola spina di ricarica. Otterrai un'anteprima dell'icona in varie dimensioni, insieme alla sua classe di icone CSS, in questo caso mi-BatteryCharging10 .

Questo set di icone funziona anche come Font Awesome, dove puoi incorporare le icone direttamente nel tuo HTML . Lo snippet di codice per questa icona della batteria funziona allo stesso modo:

È molto facile iniziare, con solo una copia del foglio di stile CSS di Micon e alcune conoscenze di base sullo sviluppo front-end .

Controlla la pagina di configurazione per saperne di più. In realtà, devi solo scaricare una copia del pacchetto Micon da GitHub e includere quel foglio di stile (insieme ai caratteri di icona appropriati) nella tua pagina. Da lì, fai riferimento ai nomi delle classi come sopra e sei a posto.

Dato che questo progetto è open-source, sei libero di usare queste icone con qualsiasi progetto, personale o commerciale . E puoi persino creare il tuo file seguendo le istruzioni di costruzione di Micon GitHub. In questo modo puoi impacchettare solo le icone che desideri nei file dei caratteri e ridurre la dimensione totale del file.

Nel complesso, sono davvero impressionato dalla varietà di icone e dalla facile configurazione . Puoi trovare molti esempi sul sito Web e persino icone animate nella pagina Esempi che include frammenti di codice.

Queste icone funzionano anche bene con Bootstrap, quindi puoi combinarlo con il framework BS3 / BS4 per alcuni layout personalizzati.

Scarica un copyright gratuito dalla homepage di Micon e scopri come puoi lavorare con queste icone di Windows 10 nel tuo prossimo progetto.