Feather Icons - Krásne, minimalistické a voľné ikony

Ak hľadáte po celom webe, nájdete množstvo bezplatných ikonových zostáv šitých na mieru pre web. Toto sú neuveriteľne užitočné pre všetky typy webových stránok pretože grafika vždy smreka rozvrhnutie.

Je naozaj ťažké nájsť bezplatné súbory ikon, ktoré sa zhodujú s vašim dizajnom. Typicky je vašou najlepšou voľbou minimalistická ikona nastavená ako Feather.

Táto nová sada je plná ikoniek s čistým dizajnom. Ikony sa viac podobajú ikonám rozhrania, ale môžu fungovať aj ako ikony typu funkcií na vašej domovskej stránke.

V každom prípade sú to všetci open source a úplne zadarmo na použitie na akýchkoľvek webových stránkach.

Nepotrebujete veľa vedomostí o kódovaní frontend, aby ste mohli pracovať. Áno budete musieť stráviť nejaký čas v kóde, ale nemali by ste sa snažiť, aby ste to spustili.

Ak ste nepoužili písma s ikonami na webe, potom Feather je skvelé miesto na spustenie.

Ak si nie ste istý, čo robiť, pozrite si sprievodcu nováčikmi. Bude vás prechádza všetkým, aby vaše stránky fungovať s týmito ikonami.

Musíte zavolať externý súbor JS, niečo veľmi bežné medzi ostatnými súbormi ikon. Ale ak nechcete používať webfonty potom stačí stiahnuť SVG vektory a vložiť ich.

V skutočnosti tím dokonca vytvoril malú šablónu CodePen, ktorú môžete skopírovať / vložiť do svojho kódu. Je to ideálne pre učenie základných kódov a prepracovanie pre vaše stránky bez toho, aby ste začali od začiatku.

Ak máte veľký počet kódov, pozrite si malý odkaz API na ich stránke GitHub. To vám umožní ovládať štýly ikon a meniť vektorové formáty pomocou niekoľkých riadkov jazyka JavaScript.

Majte na pamäti toto sada ikon nemusí vyhovovať každej stránke. Je dôležité pozrieť sa na ikony Feather a rozhodnúť sa, či tieto minimalistické návrhy môžu pracovať pre vás.

Pozrite sa na ich domovskú stránku a pozrite sa na ich celú zbierku. Nájdete v nej prepojenie na hlavnú dokumentáciu o GitHub so všetkými potrebnými krokmi.

A ak máte akékoľvek otázky alebo návrhy pre autora, môžete ho zastreliť tweet @ colebemis.