Micon - En Windows 10 Ikon Skrift for Webdesignere
De redesign 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.
Takk til Micon sett, du kan nå ta med Win10-stil ikoner rett inn på nettstedet ditt.
Dette ikonet pakken kommer som et ikon skrift og dets Utgitt gratis via GitHub. Den viktigste repo har oppsettinformasjonen, men Micon hjemmeside har alle ikonene på skjermen med de tilhørende klassenavnene.
Den faktiske nettsiden strukturen følger et lignende format til Font Awesome. Du kan bla gjennom alle ikonene og klikk på noen av dem for å få flere detaljer på en ny side.
Ta for eksempel dette batteriladningsikonet som bruker en batteridesign og en liten ladeplugg. Du får en forhåndsvisning av ikonet i forskjellige størrelser, sammen med sin CSS ikon klasse, i dette tilfellet mi-BatteryCharging10
.
Dette ikonet sett fungerer også mye som Font Awesome, hvor du kan legg inn ikonene rett inn i HTML-en din. Kodestykket for dette batterikonte fungerer akkurat det samme:
Det er super lett å komme i gang, med bare en kopi av Micon CSS stilark og noen grunnleggende kunnskaper om front-end-utvikling.
Sjekk ut oppsett side å lære mer. Egentlig, du trenger bare å Last ned en kopi av Micon-pakken fra GitHub og inkludere det stilarket (sammen med riktige ikonfonter) i siden din. Derfra, bare referer til klassenavnene som ovenfor og du er god å gå.
Siden dette prosjektet er åpen kildekode, er du gratis å bruke disse ikonene med ethvert prosjekt, personlig eller kommersiell. Og du kan til og med lag din egen fil ved å følge byggeinstruksjonene fra Micon GitHub. På denne måten kan du pakk bare ikonene du vil ha inn i fontfilene og reduser den totale filstørrelsen.
Totalt sett er jeg veldig imponert over utvalg av ikoner og enkelt oppsett. Du kan finne mange eksempler på nettsiden og til og med animerte ikoner På Eksempler-siden som inkluderer kodestykker.
Disse ikonene selv Arbeid godt med Bootstrap, så du kan kombinere den med BS3 / BS4 rammeverket for noen ekte tilpassede layouter.
Last ned en gratis opphavsrett fra Micon-hjemmesiden og se hvordan du kan bruke disse ikonene i Windows 10-stil til din neste design.