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