Micon - Un font Windows Icon 10 pentru designeri web

reproiectarea pentru Windows 10 a venit cu multe caracteristici noi și un aspect complet nou. Una dintre cele mai mari schimbări a venit la stilul icoanelor, mai ales în comparație cu Windows 7 și XP.

Mulțumită Setul Micon, acuma poți aduce iconițe în stil Win10 chiar în site-ul dvs..

Acest pachet de pictograme vine ca un font pentru pictograme si este lansat gratuit prin GitHub. Repo principală are informațiile de configurare, dar pagina de pornire Micon include toate pictogramele pe afișaj cu numele lor de clasă corespunzătoare.

Structura actuală a site-ului web urmează un format similar cu Font Awesome. Poti navigați prin toate pictogramele și faceți clic pe oricare dintre ele pentru a obține mai multe detalii pe o pagină nouă.

De exemplu, luați această pictogramă de încărcare a bateriei, care utilizează un design al bateriei și o mufă de încărcare mică. Veți obține o previzualizare a pictogramei la diferite dimensiuni, impreuna cu clasa sa de iconițe CSS, în acest caz mi-BatteryCharging10.

Acest set de pictograme funcționează, de asemenea, asemănător Font Awesome, unde puteți încorporați pictogramele chiar în HTML. Fragmentul de cod pentru această pictogramă a bateriei funcționează la fel:

Este foarte ușor să începeți, doar o copie a foii de stil Micon CSS și unele cunoștințe de bază privind dezvoltarea front-end.

Check out pagina de configurare pentru a afla mai multe. Într-adevăr, trebuie doar să fii descărcați o copie a pachetului Micon de la GitHub și includeți foaia de stil (împreună cu fonturile potrivite) în pagina dvs. De acolo, doar trimiteți numele claselor ca mai sus si esti bine sa pleci.

Deoarece acest proiect este open-source, esti liber să utilizeze aceste icoane cu orice proiect, personal sau comercial. Și, puteți chiar faceți propriul fișier urmând instrucțiunile de construire de la Micon GitHub. În acest fel poți împachetați doar icoanele pe care le doriți în fișierele de fonturi și reduce dimensiunea totală a fișierului.

În ansamblu, sunt cu adevărat impresionat de varietate de icoane si configurare ușoară. Puteți găsi multe exemple pe site și chiar și pictogramele animate pe pagina Exemple care nu include fragmente de cod.

Aceste icoane chiar funcționează bine cu Bootstrap, Asa ca poti combinați-l cu cadrul BS3 / BS4 pentru unele aspecte personalizate reale.

Descărcați un drept de autor gratuit de pe pagina de pornire Micon și vedeți cum puteți lucra aceste pictograme în stilul Windows 10 în design-ul următor.