Pagrindinis » Įrankių rinkinys » 10 Naudingos ir nemokamos šrifto piktogramos

    10 Naudingos ir nemokamos šrifto piktogramos

    Kadangi vis daugiau įrenginių priima didelės raiškos ekranus, šriftų piktogramos tampa populiariu pasirinkimu. Jis yra keičiamo dydžio, nekenkiant kokybei ir pritaikoma per CSS. Mes galime lengvai pakeisti spalvą, dydį ir net animuotą šrifto piktogramas su CSS3. Plius taip nepriklausoma nuo rezoliucijos todėl jis atrodo ryškus bet kuriame ekrano tankyje.

    „FontAwesome“ yra vienas iš populiariausių šrifto šaltinių, turintis didžiulę piktogramų kolekciją. Tačiau nereikia atsisiųsti visos kolekcijos, kai jums reikia naudoti tik keletą. Čia yra 10 alternatyvių gerai parengtų šrifto piktogramų šaltinių tikiuosi, kad kartais būtų naudinga kurti kitas puikias svetaines ir programas vietoj „FontAwesome“.

    StackIcons

    StackIcons yra daugiau nei 60 šiuolaikinių socialinių ženklų šrifto piktogramos. Jis ateina su CSS, leidžiančiu jums stiliuoti šriftą daugelyje konteinerių formų. Savo socialinio prekės ženklo piktogramas galite gauti apskritimuose, kvadratuose arba suapvalintais kraštais. Jūs taip pat galite spalvoti piktogramas daugiau nei viena spalva, suteikiant jums realesnes prekės ženklo spalvas.

    Licencija: SIL Open Font ir MIT

    Twemoji Awesome

    „Twemoji“ yra atviro kodo šypsenėlių projektas iš „Twitter“. Elle Kasai jį perkėlė į šrifto piktogramą, pavadintą Twemoji Awesome. Visi klasių pavadinimai, rodantys piktogramas, yra tokie patys, kaip ir „Twemoji Cheat Sheet“, bet jūs turite naudoti brūkšnelį vietoj pabraukimo. Čia pateikiamas pavyzdys, kaip pridedame „hatching_chick“ piktograma:

      

    Licencija: MIT ir CC-BY emocijų grafikai

    Šriftas „Diao“

    Šrifto „Diao“ yra populiarios interneto svetainės ar Kinijoje veikiančios įmonės šrifto piktogramų rinkinys, pvz., „Alibaba“, „Alipay“, „WeChat“, „Xiaomi“ ir „Weibo“. Šriftas gali būti naudingas, kai statote „wesbites“, skirtus Kinijos žemyninei auditorijai, kuri tikriausiai yra susipažinusi su šiuo konkrečiu šriftu.

    Licencija: Viešoji licencija

    Socialinis

    Socialinis yra šriftas, sukurtas tik populiarioms socialinėms svetainėms, pvz., „Facebook“, „Twitter“ ir „Instagram“. Šriftas sukurtas taip, kad gerai veiktų su „Bootstrap“. Čia yra pavyzdinis kodas, skirtas sukurti mygtuką su „Bootstrap“ .btn klasė kartu su šrifto klasėmis.

       Susisiekti su „Linkedin“  

    Licencija: MIT licencija.

    Oktonai

    Oktonai yra „GitHub“ pateiktų šrifto piktogramų rinkinys, leidžiantis naudoti tą pačią piktogramą, kurią naudojote „GitHub“ projekte. Yra daugiau nei 170 piktogramų, kurias galite naudoti kitame projekte.

    Mokėjimo šriftas

    Jei naudojate mokėjimo šliuzą, galbūt norėsite paimti šias šrifto piktogramas. Į paketą įeina 95 miego piktogramos, kurios yra populiarių mokėjimo būdų arba vartai, pvz., „Visa“, „American Express“ ir kt.

    Licencija: SIL OFL 1.1

    „Android“ piktogramos

    Tai yra „Opoloo“ sukurtas piktogramų rinkinys, anksčiau žinomas kaip „Android“ bendruomenė. Jame yra 250 puikių piktogramų 5 dydžiuose ir 14 spalvų „Android“ piktogramų.

    Licencija: Attribution-ShareAlike 4.0 International

    DevIcons

    DevIcons yra šrifto piktogramų rinkinys, kurį sukūrė Theodore Vorillas. Jame yra 85 pažintinių plėtros programų simboliai ir logotipai, pvz., „GitHub“ piktograma, „Gulp“ piktograma, kampinė piktograma ir daugelis kitų.

    Licencija: MIT

    Atidarykite piktogramą

    Atidarytoje piktogramoje yra 223 piktogramos, paruoštos naudoti su „bootstrap“, sistema arba savo stilių. Šrifto dydis yra mažas, tik 12,4 KB, o tai yra maždaug ketvirtadalis to, ką galite rasti „FontAwesome“. Atvėsus dalykas čia yra, šios piktogramos gali būti sumažintos iki 8 pikselių.

    Licencija: SIL.

    Medžiagos dizaino ikoninis šriftas

    Šiame pakete yra 15 „Google“ medžiagų dizaino įkvėptų šrifto piktogramų kategorijų. Norėdami juos naudoti, tiesiog įdiekite „Material-Design-Iconic-Font.ttf“, tada naudokite šį cheatsheet. Nukopijuokite piktogramas (ne Unicode) į savo projektą. Jūs galite padidinti piktogramas, suteikti jai ribas, nugara, pasukti arba apversti CSS.

    Licencija: Attribution-ShareAlike 4.0 International

    Dabar perskaitykite: 50+ nemokamų simbolių šriftus interneto dizaineriams