Úvodná » toolkit » 10 Užitočné a voľné písmo Ikony by ste mali ukladať

    10 Užitočné a voľné písmo Ikony by ste mali ukladať

    Vzhľadom na to, že stále viac a viac zariadení prijíma obrazovky s vysokým rozlíšením, ikony písiem sa stávajú obľúbenou voľbou na prijatie. Je meniteľný bez toho, aby to ohrozovalo kvalitu a prispôsobiteľné pomocou CSS. Môžeme jednoducho zmeniť farbu, veľkosť a dokonca animovať ikony písiem pomocou CSS3. Plus to je nezávislý na rozlíšenie čo z neho vyzerá ostré na hustote obrazovky.

    FontAwesome je zďaleka jeden z najpopulárnejších zdrojov písma, s obrovskou zbierkou ikon. Je však veľmi zbytočné prevziať celú zbierku, keď potrebujete použiť len niekoľko. Tu sú 10 alternatívnych zdrojov dobre vytvorených ikon písma že dúfam, že by ste boli občas užitoční na vybudovanie ďalších veľkých webových stránok a aplikácií namiesto FontAwesome.

    StackIcons

    StackIcons sú ikony písma pre viac ako 60 moderných spoločenských značiek. Dodáva sa s CSS, čo vám umožňuje štýl písma v mnohých tvaroch kontajnerov. Môžete získať ikony sociálnej značky v kruhoch, štvorcoch alebo so zaoblenými okrajmi. Môžete tiež farbiť ikony vo viac ako jednej farbe, čím získate viac realistických farieb značky.

    licencie: SIL Open Font a MIT

    Twemoji Awesome

    Twemoji je open source emotikonný projekt od spoločnosti Twitter. Elle Kasai ju previedol na ikonu písma nazvanú Twemoji Awesome. Všetky mená tried, ktoré zobrazujú ikony, sú rovnaké ako Twemoji Cheat Sheet, ale musíte použiť pomlčku namiesto podčiarkov, to je všetko. Tu je príklad, ako pridáme hatching_chick ikona:

      

    licencie: MIT a CC-BY pre grafiku emotikonov

    Font Diao

    Font Diao je kolekcia ikon písma z populárnych webových stránok alebo spoločností so sídlom v Číne, ako napríklad Alibaba, Alipay, WeChat, Xiaomi a Weibo. Písmo môže byť užitočné, keď budujete wesbity určené pre kontinentálne publikum v Číne, ktoré sú pravdepodobne oboznámení s týmto konkrétnym písmom.

    licencie: Verejná licencia

    Socialicious

    Socialicious je font, ktorý je výlučne vytvorený pre populárne sociálne webové stránky ako Facebook, Twitter a Instagram. Písmo je postavené tak, aby fungovalo dobre s Bootstrap. Tu je príklad kód pre vytvorenie tlačidla s Bootstrap .btn triedy v spojení s triedami fontov.

       Spojte sa s Linkedin  

    licencie: Licencia MIT.

    Octicons

    Octicons je sada ikon písiem, ktoré prezentuje spoločnosť GitHub, čo vám umožňuje používať rovnakú ikonu, akú používa GitHub na vašom projekte. Na nasledujúci projekt je pripravených použiť viac ako 170 ikon.

    Písmo platby

    Ak používate platobnú bránu, možno budete chcieť tieto ikony písma chytiť. Balík obsahuje 95 ikon spánku, ktoré sú z populárnych spôsobov platby alebo brány ako Visa, American Express a ďalšie.

    licencie: SIL OFL 1.1

    Ikony Android

    Toto je sada ikon vytvorená spoločnosťou Opoloo, ktorá bola predtým známa ako komunita Android. Obsahuje 250 úžasných ikon v 5 veľkostiach a 14 farbách nativných ikon Android.

    licencie: Attribution-ShareAlike 4.0 International

    DevIcons

    DevIcons je súbor ikon písma ručne vyrobený Theodore Vorillas. Obsahuje 85 symbolov a logá známych vývojových aplikácií, ako je ikona GitHub, ikona Gulp, uhlová ikona a mnoho ďalších.

    licencie: MIT

    Otvoriť ikonu

    Otvoriť Ikona obsahuje 223 ikon pripravených na použitie s bootstrap, rámček alebo vlastný štýl. Veľkosť písma je malá, len 12,4 kB, čo je asi jedna štvrtina toho, čo nájdete v aplikácii FontAwesome. Skvelá vec je, že tieto ikony môžu byť zmenšené na 8 pixlov.

    licencie: SIL.

    Materiálový dizajn Ikonické písmo

    V tomto balení je 15 kategórií ikon písma inšpirovaných materiálom Google. Ak ich chcete použiť, stačí nainštalovať Material-Design-Iconic-Font.ttf a potom použite tento cheatsheet. Kopírovať do projektu vložiť ikony (nie unicode). Môžete zväčšiť ikony, dať im hranice, rotovať, otáčať alebo preklopiť pomocou CSS.

    licencie: Attribution-ShareAlike 4.0 International

    Teraz čítaj: 50 + zdarma Symbol Fonty pre web dizajnérov