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

Il riprogettazione per Windows 10 è venuto con molte nuove funzionalità e un look completamente nuovo. Uno dei più grandi cambiamenti è venuto allo stile icona, soprattutto rispetto a Windows 7 e XP.

Grazie al Set di micone, Tu puoi ora porta le icone in stile Win10 direttamente nel tuo sito web.

Questo pacchetto di icone arriva come un font di icone e la sua rilasciato gratuitamente tramite GitHub. Il repository principale ha le informazioni di installazione, ma la homepage di Micon presenta tutte le icone in mostra con i loro nomi di classe appropriati.

La struttura del sito web attuale segue un formato simile a Font Awesome. Puoi sfoglia tutte le icone e fai clic su uno di essi 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 a la sua classe icona CSS, in questo caso mi-BatteryCharging10.

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

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

Guarda il pagina di configurazione per saperne di più. Davvero, devi solo scarica una copia del pacchetto Micon da GitHub e includi quel foglio di stile (insieme ai caratteri icona corretti) nella tua pagina. Da lì, giusto fai riferimento ai nomi delle classi come sopra e sei a posto.

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

Nel complesso, sono davvero impressionato dal varietà di icone e il facile configurazione. Potete trovare molti esempi sul sito Web e anche icone animate nella pagina degli esempi che include frammenti di codice.

Queste icone anche funziona bene con Bootstrap, così puoi combinalo 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.