Koduleht » Toolkit » 10 Kasulikud ja tasuta fontide ikoonid, mida peaksite järjehoidja lisama

    10 Kasulikud ja tasuta fontide ikoonid, mida peaksite järjehoidja lisama

    Kuna üha enam seadmeid kasutatakse kõrglahutusega ekraanidel, on fontide ikoonid muutumas populaarseks valikuks. See on resizeable, ilma et see kahjustaks kvaliteeti ja kohandatav CSS-i kaudu. CSS3-ga saab hõlpsasti muuta värvi, suurust ja isegi animeeritud fontide ikoone. Plus see on eraldusvõimeline mis muudab selle teravamaks mis tahes ekraani tiheduses.

    FontAwesome on ülekaalukalt üks populaarsemaid fontide allikaid, millel on tohutu ikoonide kogu. Kuid kogu kollektsiooni on vaja alla laadida alles siis, kui peate kasutama vaid mõnda. Siin on 10 alternatiivset allikat hästi kujundatud fontikoonidele et ma loodan, et leiad mõnikord kasuliku, et ehitada oma järgmise suurepärase veebisaidi ja rakenduse FontAwesome asemel.

    StackIcons

    StackIcons on rohkem kui 60 kaasaegse sotsiaalse kaubamärgi fontide ikoon. See on varustatud CSS-iga, mis võimaldab teil stiilida oma fondi paljudes konteinerite kujundites. Te saate oma sotsiaalse brändi ikoonid ringidesse, ruutudesse või ümarate servadega. Ikoone saab värvida ka rohkem kui ühes värvis, andes teile realistlikumad brändi värvid.

    Litsents: SIL Open Font ja MIT

    Twemoji Awesome

    Twemoji on Twitterist avatud lähtekoodiga emotikoni projekt. Elle Kasai on teisaldanud selle fondi ikoonile Twemoji Awesome. Kõik ikoonide kuvamiseks kasutatavad klassi nimed on samad, mis Twemoji Cheat Sheet, kuid peate allajoonise asemel kasutama kriipsu. Siin on näide selle kohta, kuidas me lisame hatching_chick ikoon:

      

    Litsents: MIT ja CC-BY emotikoni graafikale

    Font Diao

    Font Diao on kogumik ikoonidest populaarsest veebisaidist või Hiinas asuvast ettevõttest, nagu Alibaba, Alipay, WeChat, Xiaomi ja Weibo. Kiri võib olla kasulik, kui ehitate Hiina mandri publikule mõeldud wesbite'i, kes tõenäoliselt seda konkreetset fonti tuttavad.

    Litsents: Avalik litsents

    Sotsiaalsed

    Sotsiaalne on font, mis on ehitatud ainult populaarsetele sotsiaalsetele veebilehtedele, nagu Facebook, Twitter ja Instagram. Font on loodud töötama kenasti Bootstrapiga. Siin on näide koodist Bootstrapiga nupu loomiseks .btn klass koos fontide klassidega.

       Ühenda Linkediniga  

    Litsents: MIT-litsents.

    Oktoonid

    Oktoonid on GitHubi esitatud fontide ikoonide komplekt, mis võimaldab teil kasutada sama ikooni, mida GitHub teie projektis kasutab. Järgmisel projektil on rakendamiseks valmis rohkem kui 170 ikooni.

    Makseviis

    Kui kasutate maksevahendit, võiksite need fontide ikoonid haarata. Pakett sisaldab 95 unerežiimi, mis on populaarsed makseviisid või väravad nagu Visa, American Express ja palju muud.

    Litsents: SIL OFL 1.1

    Android-ikoonid

    See on ikoonikomplekt, mille on loonud Opoloo, varem tuntud kui Android-kogukond. See sisaldab 250 awesome ikooni 5 suuruses ja 14 värvi kohalikke Android ikoone.

    Litsents: Attribution-ShareAlike 4.0 International

    DevIcons

    DevIcons on kogum kirjasümboleid, mille Theodore Vorillas on käsitsi koostanud. See sisaldab 85 sümbolit ja logosid tuttavatest arendusrakendustest, nagu GitHubi ikoon, Gulp-ikoon, nurk ikoon ja paljud teised.

    Litsents: MIT

    Avage ikooniline

    Avatud ikoon sisaldab 223 ikooni, mis on valmis kasutamiseks koos bootstrapiga, raamistiku või oma stiilitabeliga. Kirjasuurus on väike, vaid 12,4Kb, mis on umbes veerand FontAwesome'is leiduvast. Lahe asi siin on, neid ikoone saab vähendada 8tk-le.

    Litsents: SIL.

    Materjali kujunduse ikooniline font

    Selles pakendis on 15 Google'i materjali kujundusega inspireeritud fontide ikooni. Nende kasutamiseks kasutage lihtsalt materjali-Design-Iconic-Font.ttf ja seejärel kasutage seda tabelit. Kopeeri ikoonid (mitte unicode) oma projekti. Ikoone saab suurendada, piirata, pöörata, pöörata või CSS-ga pöörata.

    Litsents: Attribution-ShareAlike 4.0 International

    Nüüd loe: 50+ tasuta sümboleid veebidisaineritele