Domača » Toolkit » 10 Koristne in brezplačne ikone pisav, ki jih morate zapisati

    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.

    Licenca: Attribution-ShareAlike 4.0 International

    Sedaj preberite: 50+ brezplačnih pisav za spletne oblikovalce