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.