Micon - En Windows 10 Icon Font för webbdesigners

De redesign för Windows 10 kom med många nya funktioner och ett helt nytt utseende. En av de största förändringarna kom till ikonstilen, speciellt jämfört med Windows 7 och XP.

Tack vare Micon set, du kan nu Ta med Win10-ikoner direkt till din webbplats.

Den här ikonen pack kommer som en ikon typsnitt och det är det Släppt gratis via GitHub. Den huvudsakliga repo har installationsinformationen, men Micon hemsida har alla ikoner på display med lämpliga klassnamn.

Den faktiska webbplatsstrukturen följer ett liknande format som Font Awesome. Du kan bläddra igenom alla ikonerna och klicka på någon av dem för att få mer information på en ny sida.

Ta till exempel den här batteriladdningsikonen som använder en batteridesign och en liten laddplugg. Du får en Förhandsvisning av ikonen i olika storlekar, tillsammans med dess CSS ikon klass, I detta fall mi-BatteryCharging10.

Den här ikonuppsättningen fungerar också som Font Awesome, där du kan bädda in ikonerna direkt i din HTML. Kodbiten för denna batterikonte fungerar på samma sätt:

Det är super lätt att komma igång med bara en kopia av Micon CSS stilark och någon grundläggande kunskap om front-end-utveckling.

Kolla in inställningssidan att lära sig mer. Egentligen behöver du bara ladda ner en kopia av Micon-paketet från GitHub och inkludera det stilarket (tillsammans med lämpliga ikonfonter) i din sida. Därifrån, bara hänvisa till klassnamnen som ovan och du är bra att gå.

Eftersom projektet är öppen källkod är du Fritt att använda dessa ikoner med något projekt, personligt eller kommersiellt. Och du kan även skapa din egen fil genom att följa byggnadsanvisningarna från Micon GitHub. På så sätt kan du pack bara ikonen du vill ha in i fontfilerna och minska den totala filstorleken.

Sammantaget är jag verkligen imponerad av olika ikoner och den enkel installation. Du kan hitta gott om exempel på hemsidan och även animerade ikoner På exempelsidan som innehåller kodutdrag.

Dessa ikoner även fungera bra med Bootstrap, så du kan kombinera den med BS3 / BS4 ramverket för några riktiga anpassade layouter.

Ladda ner en fri upphovsrätt från Micons hemsida och se hur du kan arbeta med dessa ikoner i Windows 10-stilen i din nästa design.