Feather Ikoner - En Smuk, Minimalistisk Og Gratis Ikoner Set

Hvis du søger rundt på nettet, finder du tonsvis af gratis ikonsæt skræddersyet til internettet. Disse er utrolig nyttigt for alle typer websites fordi grafik altid spruce op et layout.

Det er virkelig svært at finde gratis ikon sæt, der matcher dit design. Typisk er din bedste mulighed et minimalistisk ikon sæt som Feather.

Dette nye sæt er fuld af linje ikoner med et rent design. Ikonerne føles mere som interface ikoner, men de kan også fungere som funktionstype ikoner på din hjemmeside.

Uanset hvad de er alle open source og helt gratis at bruge på enhver hjemmeside.

Du behøver ikke meget viden om frontend-kodning for at få disse arbejde. Ja du skal bruge lidt tid i koden, men du bør ikke kæmpe for at få det i gang.

Hvis du ikke har brugt ikonfonter på nettet, er Feather et godt sted at starte.

Tjek deres nybegynder guide, hvis du ikke er sikker på hvad du skal gøre. Det går dig igennem alt for at få dit websted til at køre med disse ikoner.

Du skal ringe til en ekstern JS-fil, noget der ikke er meget almindeligt blandt andre ikonsæt. Men hvis du ikke vil bruge webfonterne så bare download SVG vektorer og indlejre dem.

Faktisk oprettede teamet selv en lille CodePen-skabelon, som du kan kopiere / indsætte i din kode. Dette er perfekt til at lære de grundlæggende koder og redesigning for dit websted uden at starte fra bunden.

Men hvis du er stor til kodning, skal du tjekke den lille API-reference på deres GitHub-side. Dette lader dig styre ikon stilarter og ændre vektorformater med et par linjer af JavaScript.

Husk dette ikonsættet passer måske ikke til hvert websted. Det er vigtigt at se over Feather-ikonerne og beslutte selv, om disse minimalistiske designs kan fungere for dig.

Tag et kig på deres hjemmeside for at se hele deres kollektion. Du finder et link til hoveddokumentationen på GitHub med alle de nødvendige trin for at få det til at køre.

Og hvis du har spørgsmål eller forslag til forfatteren, kan du skyde ham en tweet @ colebemis.