Hemsida » Grafik » Fjäderikoner - En vacker, minimalistisk och fri ikonuppsättning

    Fjäderikoner - En vacker, minimalistisk och fri ikonuppsättning

    Om du söker runt på webben hittar du massor av gratis ikonuppsättningar skräddarsydda för webben. Dessa är otroligt användbar för alla typer av webbplatser eftersom grafik alltid springer upp en layout.

    Det är verkligen svårt att hitta gratis ikonuppsättningar som matchar din design. Vanligtvis är ditt bästa alternativ en minimalistisk ikonuppsättning som Feather.

    Den här nya uppsättningen är full av linjepictogram med en ren design. Ikonerna känns mer som gränssnittsikoner men de kan fungera som ikoner för funktionstyp på din hemsida också.

    Hur som helst är de alla öppen källkod och helt gratis att använda på någon webbplats.

    Du behöver inte mycket kunskap om frontendkodning för att få dem att fungera. Ja du måste spendera lite tid i koden, men du borde inte kämpa för att få det här att springa.

    Om du inte har använt ikonfonter på webben är Feather ett bra ställe att börja.

    Kolla in deras nybörjare guide om du inte är säker på vad du ska göra. Det går dig igenom allt för att få din webbplats igång med dessa ikoner.

    Du behöver ringa en extern JS-fil, något som inte är mycket vanligt bland andra ikonuppsättningar. Men om du inte vill använda webbfonterna då ladda bara SVG vektorerna och bädda in dem.

    Faktum är att laget ens skapade en liten CodePen-mall som du kan kopiera / klistra in i din kod. Detta är perfekt för att lära sig grundläggande koder och omkonstruera för din webbplats utan att börja från början.

    Men om du är stor i kodning kolla in den lilla API-referensen på deras GitHub-sida. Detta låter dig styra ikonstilar och ändra vektorformat med några rader med JavaScript.

    Tänk på detta Ikonuppsättning kanske inte passar alla sidor. Det är viktigt att titta över fjäderikonerna och bestämma själv om dessa minimalistiska mönster kan fungera för dig.

    Ta en titt på deras hemsida för att titta på hela sin samling. Du hittar en länk till huvuddokumentationen på GitHub med alla steg som behövs för att få det att fungera.

    Och om du har några frågor eller förslag till författaren kan du skjuta honom en tweet @ colebemis.