Micon - En Windows 10-ikonfonte til webdesignere
Det redesign til Windows 10 kom med mange nye funktioner og et helt nyt udseende. En af de største ændringer kom til ikon stilen, især sammenlignet med Windows 7 og XP.
Takket være Micon sæt, du kan nu tag Win10-stil ikoner lige ind på dit websted.
Dette ikon pakke kommer som et ikon skrifttype ogdet er frigivet gratis via GitHub. Den vigtigste repo har opsætningsoplysningerne, men Micon hjemmeside indeholder alle ikonerne på display med deres passende klassenavne.
Den faktiske hjemmeside struktur følger et lignende format til Font Awesome. Du kan gennemse alle ikonerne og klik på nogen af dem for at få flere detaljer på en ny side.
Tag f.eks. Dette batteriopladningsikon, der bruger et batteridesign og et lille opladningsstik. Du får en Forhåndsvisning af ikonet i forskellige størrelser, sammen med dens CSS ikon klasse, I dette tilfælde mi-BatteryCharging10
.
Dette ikonsæt fungerer også meget som Font Awesome, hvor du kan Indlejre ikonerne lige ind i din HTML. Kodestykket for dette batterikonte fungerer lige det samme:
Det er super nemt at komme i gang med bare en kopi af Micon CSS stilark og nogle grundlæggende kendskab til front-end udvikling.
Tjek den opsætningsside at lære mere. Virkelig, du skal bare download en kopi af Micon pakken fra GitHub og inkludere det stilark (sammen med de korrekte ikonfonte) på din side. Derfra, bare reference klassenavne som ovenfor og du er god at gå.
Da dette projekt er open source, er du frit at bruge disse ikoner med ethvert projekt, personlig eller kommerciel. Og du kan endda lav din egen fil ved at følge instruktionerne fra Micon GitHub. På den måde kan du pakk bare de ikoner, du vil have ind i skrifttypefiler og reducer den samlede filstørrelse.
Samlet set er jeg virkelig imponeret over forskellige ikoner og nem opsætning. Du kan finde masser af eksempler på hjemmesiden og endda animerede ikoner på eksemplets side, der indeholder kodestykker.
Disse ikoner endog arbejde godt med bootstrap, så du kan kombinere det med BS3 / BS4 ramme til nogle rigtige brugerdefinerede layouter.
Download en gratis copyright fra Micons hjemmeside og se, hvordan du kan arbejde med disse Windows 10-stil ikoner i dit næste design.