Micon - En Windows 10 Ikon Skrift for Webdesignere

Redesignet for Windows 10 kom med mange nye funksjoner og et helt nytt utseende. En av de største endringene kom til ikonstilen, spesielt i forhold til Windows 7 og XP.

Takket være Micon-settet, kan du nå ta med Win10-ikoner rett inn på nettstedet ditt .

Dette ikonet pakken kommer som et ikon skrift og det er utgitt gratis via GitHub . Hovedrekorden har oppsettinformasjon, men Micon-hjemmesiden inneholder alle ikonene på skjermen med de tilhørende klassenavnene.

Den faktiske nettstedstrukturen følger et lignende format til Font Awesome . Du kan bla gjennom alle ikonene og klikke på noen av dem for å få flere detaljer på en ny side.

Ta for eksempel dette batteriladningsikonet som bruker en batteridesign og en liten ladestik. Du får en forhåndsvisning av ikonet i forskjellige størrelser, sammen med CSS-ikonklassen, i dette tilfellet mi-BatteryCharging10 .

Dette ikonet sett fungerer også mye som Font Awesome, der du kan legge inn ikonene rett inn i HTML-en din . Kodestykket for dette batterikonmerket fungerer akkurat det samme:

Det er super lett å komme i gang, med bare en kopi av Micon CSS stilark og litt grunnleggende kunnskap om frontend-utvikling .

Sjekk ut siden for å lære mer. Egentlig trenger du bare å laste ned en kopi av Micon-pakken fra GitHub og inkludere det stilarket (sammen med riktige ikonfonter) på siden din. Derfra refererer du bare til klassenavnene som ovenfor, og du er god til å gå.

Siden dette prosjektet er åpen kildekode, er du fri til å bruke disse ikonene med ethvert prosjekt, personlig eller kommersiell . Og du kan til og med lage din egen fil ved å følge byggeinstruksjonene fra Micon GitHub. På denne måten kan du pakke bare ikonene du vil ha i fontfilene og redusere den totale filstørrelsen.

Samlet sett er jeg veldig imponert over ulike ikoner og det enkle oppsettet . Du kan finne mange eksempler på nettstedet og til og med animerte ikoner på Eksempler-siden, som inkluderer kodestykker.

Disse ikonene fungerer også bra med Bootstrap, slik at du kan kombinere det med BS3 / BS4 rammeverket for noen ekte tilpassede layouter.

Last ned en gratis opphavsrett fra Micons hjemmeside og se hvordan du kan bruke disse ikonene i Windows 10-stil til din neste design.