Micon - Windows 10 Icon Font za web dizajnere

redizajn za Windows 10 došao s mnogo novih značajki i potpuno novi izgled. Jedna od najvećih promjena došla je do stila ikona, osobito u usporedbi sa sustavima Windows 7 i XP.

Zahvaljujući Micon set, sada možete donijeti Win10-stil ikone pravo na vaše web stranice.

Ovaj paket ikona dolazi kao font ikone I je besplatno je izdana putem usluge GitHub. Glavni repo ima informacije o postavljanju, ali Micon početnu stranicu sadrži sve ikone prikazati s odgovarajućim nazivima razreda.

Stvarna struktura web-lokacije slijedi sličan format za Font Awesome. Možeš pregledajte sve ikone i kliknite bilo koju od njih da biste dobili više pojedinosti o novoj stranici.

Primjerice, uzmite ikonu punjenja baterije koja koristi dizajn baterije i mali utikač za punjenje. Dobit ćete pregled ikone u različitim veličinama, zajedno s CSS klasu ikona, u ovom slučaju mi-BatteryCharging10.

Ovaj skup ikona također djeluje kao Font Awesome, gdje možete ugradite ikone izravno u HTML. Isječak koda za tu ikonu baterije radi jednako:

Vrlo je jednostavno započeti, sa samo kopiju Micon CSS stylesheet-a i neka osnovna znanja o front-end razvoju.

Provjerite stranicu za postavljanje naučiti više. Stvarno, samo trebaš preuzmite kopiju Micon paketa od tvrtke GitHub i uključite taj stil (zajedno s odgovarajućim fontovima ikona) u svoju stranicu. Od tamo, samo navedite nazive klasa kao gore i dobro je ići.

Budući da je ovaj projekt otvorenog koda, vi ste slobodno koristiti te ikone s bilo kojim projektom, osobnim ili komercijalnim. I možete čak i napravite vlastitu datoteku slijedeći upute za gradnju tvrtke Micon GitHub. Ovako možete Spakirajte samo željene ikone u datoteke fontova i smanjite ukupnu veličinu datoteke.

Sve u svemu, doista sam impresioniran raznih ikona i jednostavno postavljanje. Možeš naći mnogo primjera na web-mjestu i čak i animirane ikone na stranici Primjeri koja sadrži isječke koda.

I ove ikone dobro raditi s Bootstrap, tako da možete kombinirati s BS3 / BS4 okvirom za neke stvarne prilagođene izglede.

Preuzmite besplatno autorsko pravo s Miconove početne stranice i pogledajte kako možete koristiti ove ikone u stilu sustava Windows 10 u sljedećem dizajnu.