Homepage » Toolkit » 10 Hasznos és ingyenes betűtípus-ikonok a könyvjelzővel

    10 Hasznos és ingyenes betűtípus-ikonok a könyvjelzővel

    Mivel egyre több eszköz fogadja el a nagyfelbontású képernyőket, a betűkészlet-ikonok egyre népszerűbb választássá válnak. Átméretezhető a minőség és a minőség kompromisszum nélkül testreszabható a CSS-en keresztül. A CSS3 segítségével könnyen megváltoztathatjuk a színt, a méretet és még az animált betűtípusokat is. Plusz ez felbontás-független ami minden képernyősűrűségnél ropogósnak tűnik.

    A FontAwesome messze az egyik legnépszerűbb betűtípusforrás, hatalmas ikonok gyűjteményével. De az egész gyűjtemény letöltése nagyon szükségtelen, ha csak néhányat kell használni. Itt vannak 10 alternatív forrás a jól megtervezett betűtípus-ikonokból remélem, hasznos lehet, ha a következő nagyszerű weboldalakat és alkalmazásokat építheti fel a FontAwesome helyett.

    StackIcons

    A StackIcons több mint 60 modern társadalmi márka betűtípusa. A CSS-hez tartozik, amely lehetővé teszi, hogy a betűtípust sok konténerformában formázza. A szociális márka ikonjait körökben, négyzetekben vagy lekerekített szélekkel kaphatja meg. Az ikonokat több színben is színezheti, ami reálisabb márkájú színeket biztosít.

    Engedély: SIL Open Font és MIT

    Twemoji Awesome

    A Twemoji egy nyílt forráskódú hangulatjel projekt a Twitterről. Elle Kasai egy betűkészlet ikonra helyezte át Twemoji Awesome. Az ikonok megjelenítéséhez az összes osztálynév ugyanaz, mint a Twemoji Cheat Sheet, de az aláhúzás helyett egy kötőjelet kell használni. Itt van egy példa arra, hogyan adjuk hozzá a hatching_chick ikon:

      

    Engedély: MIT és CC-BY a hangulatjel grafikához

    Betűtípus Diao

    A Font Diao a népszerű webhelyről vagy a Kínából származó cégekből álló betűkészletek gyűjteménye, mint például Alibaba, Alipay, WeChat, Xiaomi és Weibo. A betűkészlet hasznos lehet, ha a kínai szárazföldi közönség számára kijelölt wesbiteket épít, akik valószínűleg ismerik ezt a betűtípust.

    Engedély: Nyilvános licenc

    Socialicious

    A socialicious egy olyan betűtípus, amely kizárólag a népszerű szociális webhelyekre épül, mint például a Facebook, a Twitter és a Instagram. A betűtípust úgy tervezték, hogy jól működjön a Bootstrap segítségével. Itt van egy példa kód a Bootstrap segítségével .BTN osztály a betűtípus-osztályokkal együtt.

       Csatlakozz a Linkedinnel  

    Engedély: MIT licenc.

    Octicons

    Octicons a GitHub által bemutatott betűkészletek ikonja, amely lehetővé teszi, hogy ugyanazt az ikont használja a GitHub által használt projekten. Több mint 170 ikon készen áll a következő projektre való alkalmazásra.

    Fizetési betűtípus

    Ha fizetési átjárót használ, érdemes megragadnia ezeket a betűkészlet-ikont. A csomag 95 alvás-ikont tartalmaz, amelyek népszerű fizetési módokból vagy átjárókból állnak, mint például a Visa, az American Express stb.

    Engedély: SIL OFL 1.1

    Android ikonok

    Ez az ikonkészlet, amelyet az Opoloo, korábban Android-közösségként ismert. Ez magában foglalja 250 félelmetes ikonok 5 méretben és 14 színben natív Android ikonok.

    Engedély: Attribution-ShareAlike 4.0 International

    DevIcons

    DevIcons a Theodore Vorillas által kézzel készített betűtípus-ikonok. 85 ismerős fejlesztőalkalmazásból álló szimbólumot és logót tartalmaz, mint például a GitHub ikon, a Gulp ikon, a szögletes ikon és sok más.

    Engedély: MIT

    Nyissa meg az ikonikus

    Az Open Icon 223 ikont tartalmaz a bootstrap, a keret vagy a saját stíluslap használatához. A betűméret kicsi, csak 12,4Kb, ami körülbelül egynegyede annak, amit a FontAwesome-ban talál. A hűvös dolog itt van, ezek az ikonok 8x-ra csökkenthetők.

    Engedély: SIL.

    Anyagi tervezés ikonikus betűtípus

    A csomagban 15 kategóriát találhat a Google Anyagtervezés-ihlette betűtípus-ikonok. Használatukhoz csak telepítse az Material-Design-Iconic-Font.ttf fájlt, majd használja ezt a cheatsheet-et. Másolja be az ikonokat (nem az unicode-t) a projektbe. Nagyíthatja az ikonokat, határolhatja, elforgathatja, forgathatja vagy elfordíthatja a CSS-t.

    Engedély: Attribution-ShareAlike 4.0 International

    Most olvassa el: 50+ ingyenes szimbólumok betűtípusok a webes tervezők számára