10 Koristne in brezplačne ikone pisav, ki jih morate zapisati

Ker vse več naprav sprejema zaslone visoke ločljivosti, postajajo ikone za pisave priljubljena izbira. To je resizeable brez ogrožanja kakovosti in prilagodljiv preko CSS. Zlahka spreminjamo barvo, velikost in celo animiramo ikone pisav s CSS3. Plus je ločljivost zaradi česar je videti svež na poljubni gostoti zaslona.

FontAwesome je daleč eden najbolj priljubljenih virov pisave, z veliko zbirko ikon. Ampak to je zelo nepotrebno, da prenesete celotno zbirko, ko boste morali uporabiti le nekaj. Tukaj so 10 alternativnih virov dobro oblikovanih ikon pisav ki upam, da boste včasih koristni za izgradnjo vaših naslednjih velikih spletnih mest in aplikacij namesto FontAwesome.

StackIcons

StackIcons so ikone pisav za več kot 60 modernih družbenih blagovnih znamk. Na voljo je z CSS-jem, ki vam omogoča slog pisave v številnih oblikah kontejnerjev. Ikone socialnih znamk lahko dobite v krogih, kvadratih ali z zaobljenimi robovi. Ikone lahko tudi obarvate v več kot eni barvi in tako ustvarite bolj realistične barve blagovnih znamk.

Licenca: SIL Odpri pisavo in MIT

Twemoji Awesome

Twemoji je odprtokodni emotikonski projekt iz Twitterja. Elle Kasai ga je prenesla na ikono pisave Twemoji Awesome. Vsa imena razredov za prikaz ikon so enaka kot Twemoji Cheat Sheet, vendar morate namesto podčrtaja uporabiti pomišljaj, to je vse. Tukaj je primer, kako dodamo hatching_chick ikona:

Licenca: MIT in CC-BY za grafiko Emoticon

Pisava Diao

Font Diao je zbirka ikon pisav iz priljubljene spletne strani ali podjetja s sedežem na Kitajskem, kot so Alibaba, Alipay, WeChat, Xiaomi in Weibo. Pisava je lahko uporabna, če gradite wesbite, namenjene kitajskemu občinstvu, ki verjetno poznajo to pisavo.

Licenca: Javna licenca

Družabno

Socialicious je pisava, ki je zgrajena izključno za priljubljene družbene spletne strani, kot so Facebook, Twitter in Instagram. Pisava je zgrajena tako, da deluje lepo s programom Bootstrap. Tukaj je primer kode za izgradnjo gumba z zagonskim zagonom .btn razreda v povezavi z razredi pisav.

   Poveži se z Linkedinom

Licenca: Licenca MIT.

Octicons

Octicons je niz ikon pisav, ki jih predstavlja GitHub, kar vam omogoča uporabo iste ikone, kot jo uporablja GitHub na vašem projektu. Na naslednjem projektu je pripravljenih več kot 170 ikon.

Pisava plačila

Če uporabljate plačilni prehod, boste morda želeli uporabiti te ikone pisav. Paket vsebuje 95 ikon spanja, ki so priljubljenih načinov plačevanja ali prehodov, kot so Visa, American Express in še več.

Licenca: SIL OFL 1.1

Ikone za Android

To je komplet ikon, ki ga je ustvaril Opoloo, prej znan kot skupnost Android. Vključuje 250 odličnih ikon v 5 velikostih in 14 barv izvirnih ikon Android.

Licenca: Attribution-ShareAlike 4.0 International

DevIcons

DevIcons je niz ikon pisav, ki jih je izdelal Theodore Vorillas. Vsebuje 85 simbolov in logotipov znanih razvojnih aplikacij, kot so ikona GitHub, ikona Gulp, ikona kota in veliko drugih.

Licenca: MIT

Odpri ikono

Odpri ikono vsebuje 223 ikon, ki so pripravljene za uporabo z zagonskim sistemom, okvirjem ali lastnim slogom. Velikost pisave je majhna, le 12,4 KB, kar je približno četrtina vsega, kar lahko najdete v programu FontAwesome. Najlepša stvar je, da se te ikone lahko zmanjšajo na 8 px.

Licenca: SIL.

Material Design Iconic Font

V tem paketu je 15 kategorij pisav, ki so navdihnile Google Material Design. Če jih želite uporabiti, namestite Material-Design-Iconic-Font.ttf, nato pa uporabite ta cheatsheet. Kopirajte prilepite ikone (ne unicode) v svoj projekt. Ikone lahko povečate, nastavite meje, vrtite, vrtite ali obrnite s CSS.