10 Korisne i besplatne ikone fontova trebate označiti

Kako sve više uređaja prihvaća zaslone visoke razlučivosti, ikone fontova postaju popularan izbor za usvajanje. Može se mijenjati bez kompromisa i kvalitete prilagodljiv putem CSS-a. Jednostavno možemo promijeniti boju, veličinu i čak animirati ikone fontova pomoću CSS3. Plus je rezolucija neovisan što ga čini oštrim na bilo kojoj gustoći zaslona.

FontAwesome je daleko jedan od najpopularnijih izvora fonta, s velikom zbirkom ikona. No, vrlo je nepotrebno skidati cijelu zbirku kada je potrebno koristiti samo nekoliko. Ovdje su 10 alternativnih izvora dobro izrađenih ikona fontova za koje se nadam da bi vam ponekad bilo korisno izgraditi sljedeće velike web-lokacije i aplikacije umjesto FontAwesome.

StackIcons

StackIcons su ikone fonta za više od 60 modernih društvenih brandova. Dolazi s CSS-om, omogućujući vam da stilizirate svoj font u mnogim oblicima spremnika. Možete dobiti svoje društvene marke ikona u krugovima, trgovima ili sa zaobljenim rubovima. Ikone možete obojiti u više boja, dajući vam realističnije marke boja.

licenca: SIL Otvorite Font i MIT

Twemoji Strašan

Twemoji je open source emoticon projekt iz Twittera. Elle Kasai ju je prenijela na ikonu fonta Twemoji Strašan. Sva imena klasa za prikazivanje ikona su ista kao i Twemoji Cheat Sheet, ali morate koristiti crticu umjesto donje crte, to je sve. Evo primjera kako dodajemo hatching_chick ikona:

Licenca: MIT i CC-BY za Emoticon grafiku

Font Diao

Font Diao je zbirka ikona fontova iz popularne web stranice ili tvrtke sa sjedištem u Kini kao što su Alibaba, Alipay, WeChat, Xiaomi i Weibo. Font može biti koristan kada gradite wesbite koji je namijenjen publici u Kini, a vjerojatno je upoznat s ovim fontom.

Licenca: Javna licenca

Socialicious

Socialicious je font koji se koristi isključivo za popularne društvene web-lokacije kao što su Facebook, Twitter i Instagram. Font je izgrađen za rad s Bootstrapom. Evo primjera koda za izradu gumba s Bootstrap .btn klasa u sprezi s razredima fontova.

   Povežite se s Linkedinom

Licenca: MIT Licenca.

Octicons

Octicons je skup ikona fontova koje predstavlja GitHub, omogućujući vam da koristite istu ikonu koju koristi GitHub na vašem projektu. Postoji više od 170 ikona spremnih za prijavu na vaš sljedeći projekt.

Font plaćanja

Ako koristite gateway za plaćanje, možda ćete htjeti uzeti te ikone fontova. Paket sadrži 95 ikona spavanja koje su popularnih načina plaćanja ili pristupnika kao što su Visa, American Express i još mnogo toga.

Licenca: SIL OFL 1.1

Ikone za Android

To je skup ikona koji je stvorio Opoloo, prethodno poznat kao zajednica Android. Uključuje 250 izvrsnih ikona u 5 veličina i 14 boja izvornih Android ikona.

licenca: Attribution-ShareAlike 4.0 International

DevIcons

DevIcons je skup ikona fontova koje je izradio Theodore Vorillas. Sadrži 85 simbola i logotipa poznatih razvojnih aplikacija kao što su GitHub ikona, Gulp ikona, ikona Angular i mnoge druge.

Licenca: MIT

Otvori ikonu

Open Icon sadrži 223 ikone spremne za korištenje s bootstrapom, okvirom ili vlastitom stilskom listom. Veličina fonta je mala, samo 12.4Kb, što je oko četvrtine onoga što možete pronaći u FontAwesome. Najzanimljivije je to što se ove ikone mogu smanjiti na 8 piksela.

Licenca: SIL.

Materijalni dizajn Iconic Font

U ovom paketu nalazi se 15 kategorija ikona fonta inspiriranih Googleovim materijalom. Da biste ih koristili, instalirajte Material-Design-Iconic-Font.ttf, a zatim upotrijebite ovu šifru. Kopirajte zalijepite ikone (ne unicode) u svoj projekt. Možete povećati ikone, dati granice, okretati se, rotirati ili preokrenuti s CSS-om.