Начална » Toolkit » 10 Полезни и безплатни икони на шрифтове, които трябва да маркирате

    10 Полезни и безплатни икони на шрифтове, които трябва да маркирате

    Тъй като все повече и повече устройства приемат екрани с висока разделителна способност, иконите на шрифтове се превръщат в популярния избор да се приемат. Възможност за преоразмеряване без компромис с качеството и персонализирано чрез CSS. Ние лесно можем да сменим цвета, размера и дори анимираме икони на шрифтове с CSS3. Плюс това е резолюция-независим което я прави ясна на всякаква плътност на екрана.

    FontAwesome е един от най-популярните източници на шрифтове с огромна колекция от икони. Но е много ненужно да изтегляте цялата колекция, когато трябва да използвате само няколко. Тук са 10 алтернативни източника на добре изработени икони на шрифтове надявам се, че понякога ще ви бъде полезно да изградите следващите си големи уебсайтове и приложения на мястото на FontAwesome.

    StackIcons

    StackIcons са икони на шрифтове за над 60 модерни социални марки. Той идва с CSS, което ви позволява да оформите шрифта в много форми на контейнери. Можете да получите вашите социални икони марка в кръгове, квадрати или със заоблени ръбове. Можете също да оцветите иконите в повече от един цвят, което ви дава по-реалистични цветове на марката.

    Разрешително: SIL Отворете шрифта и MIT

    Twemoji Страхотен

    Twemoji е проект с емотикони с отворен код от Twitter. Elle Kasai го е пренесла на икона с шрифт Twemoji Страхотен. Всички имена на класове за показване на иконите са същите като Tweteji Cheat Sheet, но трябва да използвате тире вместо долна черта, това е всичко. Ето пример как добавяме hatching_chick икона:

      

    Разрешително: MIT и CC-BY за графика с Emoticon

    Шрифт Diao

    Шрифт Diao е колекция от икони на шрифтове от популярния уебсайт или компания, базирана в Китай, като Alibaba, Alipay, WeChat, Xiaomi и Weibo. Шрифтът може да бъде полезен, когато изграждате wesbites, предназначени за аудитория на континенталната част на Китай, които вероятно са запознати с този конкретен шрифт.

    Разрешително: Публичен лиценз

    Socialicious

    Socialicious е шрифт, създаден изключително за популярни социални сайтове като Facebook, Twitter и Instagram. Шрифтът е създаден, за да работи добре с Bootstrap. Ето пример за създаване на бутон с Bootstrap .BTN клас в комбинация с класове шрифтове.

       Свържете се с Linkedin  

    Разрешително: Лиценз на MIT.

    Octicons

    Octicons е набор от икони за шрифтове, представени от GitHub, което ви позволява да използвате същата икона, каквато се използва от GitHub във вашия проект. Има повече от 170 икони, готови да кандидатстват за следващия ви проект.

    Шрифт за плащане

    Ако използвате портал за плащане, може да искате да вземете тези икони на шрифтове. Пакетът съдържа 95 икони за сън, които са от популярни методи за плащане или шлюзове, като Visa, American Express и др.

    Разрешително: SIL OFL 1.1

    Икони на Android

    Това е набор от икони, създаден от Opoloo, по-рано известен като общността на Android. Тя включва 250 страхотни икони в 5 размера и 14 цвята на родните икони на Android.

    Разрешително: Признание-Споделяне на Споделяне 4.0 International

    DevIcons

    DevIcons е набор от икони на шрифтове, ръчно изработени от Теодор Ворилас. Той съдържа 85 символа и лога на познати приложения за разработка като GitHub иконата, Gulp икона, Angular icon и много други.

    Разрешително: MIT

    Отворете иконата

    Отворената икона съдържа 223 икони, готови за използване с bootstrap, рамка или ваша собствена стилова таблица. Размерът на шрифта е малък, само 12.4Kb, което е около една четвърт от това, което можете да намерите в FontAwesome. Хубавото тук е, че тези икони могат да бъдат намалени до 8 пиксела.

    Разрешително: SIL.

    Материален дизайн Знаков шрифт

    В този пакет има 15 категории икони за шрифтове, вдъхновени от Google Material Design. За да ги използвате, просто инсталирайте Material-Design-Iconic-Font.ttf, след това използвайте тази измама. Копирайте поставете иконите (не unicode) в проекта си. Можете да увеличите иконите, да го поставите на граници, да се върти, да завъртите или да го обърнете с CSS.

    Разрешително: Признание-Споделяне на Споделяне 4.0 International

    Сега прочетете: 50+ безплатни шрифтове за уеб дизайнери