Micon - veebi disainerite Windows 10 ikooni font

The ümber kujundada Windows 10 jaoks tulid palju uusi funktsioone ja täiesti uut välimust. Üks suurimaid muudatusi tuli ikoonile, eriti võrreldes Windows 7 ja XP-ga.

Tänu Micon, saate nüüd tuua Win10-stiilis ikoonid otse teie veebisaidile.

See ikoon paki on ikoonifont ja selle vabastatakse tasuta GitHubi kaudu. Peamine repo on häälestusinfo, kuid Miconi koduleht sisaldab kõiki ikoone kuvatakse koos vastava klassi nimega.

Tegelik veebisaidi struktuur järgib Font Awesome sarnast vormingut. Sa saad sirvige kõiki ikoone ja kliki ükskõik millisel neist, et uuel lehel rohkem teavet saada.

Näiteks võtke see aku laadimise ikoon, mis kasutab aku konstruktsiooni ja väikest laadimispistikut. Sa saad ikooni eelvaade erinevates suurustes, koos selle CSS ikooniklass, sel juhul mi-BatteryCharging10.

See ikoonikomplekt töötab ka sarnaselt Font Awesome'ile, kus saate embed ikoonid otse oma HTML-i. Selle patareiikooni koodilõik toimib samamoodi:

See on väga lihtne alustada, lihtsalt Micon CSS-i laaditabeli koopia ja mõned põhiteadmised esiotsa arendamisest.

Kontrollige häälestusleht rohkem teada saada. Tõesti, sa pead lihtsalt laadige Micit-paketi koopia GitHubist ja lisage see stiilileht (koos õigete ikoonifontidega) oma lehele. Sealt viide klasside nimetustele nagu ülal ja sa oled hea minna.

Kuna see projekt on avatud lähtekoodiga, oled sa vabalt kasutada neid ikoone mis tahes projektiga, isikliku või kaubandusliku. Ja saate isegi tee oma fail järgides Micon GitHubilt saadud juhiseid. Nii saate pakkige ainult soovitud ikoonid fondifailidesse ja vähendage faili kogumahu.

Kokkuvõttes on mul väga hea mulje erinevaid ikoone ja lihtne seadistamine. Leiad palju näiteid veebisaidil ja isegi animeeritud ikoone Näidiste lehel, mis sisaldab koodilõikeid.

Need ikoonid isegi töötage hästi Bootstrapiga, nii et saate kombineerige see BS3 / BS4 raamistikuga mõne reaalse kohandatud paigutuse jaoks.

Laadige Miconi kodulehelt alla tasuta autoriõigus ja vaadake, kuidas saate oma Windows 10-stiilis ikoone oma järgmises disainis töötada.