10 полезных и бесплатных значков шрифтов, которые вы должны добавить в закладки

Поскольку все больше и больше устройств используют экраны высокой четкости, популярным выбором становятся значки шрифтов. Изменение размера без ущерба для качества и настраивается через CSS. Мы можем легко изменить цвет, размер и даже анимировать иконки шрифтов с помощью CSS3. Плюс это зависит от разрешения что делает его четким на любой плотности экрана.

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

StackIcons

StackIcons - это иконки шрифтов для более чем 60 современных социальных брендов. Он поставляется с CSS, что позволяет вам стилизовать ваш шрифт во многих формах контейнера. Вы можете получить иконки социальных брендов в кругах, квадратах или с закругленными краями. Вы также можете раскрасить значки в более чем один цвет, давая вам более реалистичные цвета бренда.

Лицензия: SIL Open Font and MIT

Twemoji Потрясающе

Twemoji - это проект смайликов с открытым исходным кодом из Twitter. Elle Kasai перенес его на иконку шрифта под названием Twemoji Потрясающе. Все имена классов для отображения значков совпадают с шпаргалкой Twemoji, но вам нужно использовать тире вместо подчеркивания, вот и все. Вот пример того, как мы добавляем hatching_chick значок:

Лицензия: MIT и CC-BY для графики смайликов

Шрифт Diao

Font Diao - это коллекция значков шрифтов с популярных веб-сайтов или компаний, базирующихся в Китае, таких как Alibaba, Alipay, WeChat, Xiaomi и Weibo. Этот шрифт может пригодиться при создании веб-сайтов, предназначенных для аудитории материкового Китая, которые, вероятно, знакомы с этим конкретным шрифтом..

Лицензия: Общественная лицензия

Socialicious

Socialicious - это шрифт, созданный исключительно для популярных социальных сайтов, таких как Facebook, Twitter и Instagram. Этот шрифт прекрасно работает с Bootstrap. Вот пример кода для создания кнопки с помощью Bootstrap .БТН класс в сочетании с классами шрифтов.

   Связаться с Linkedin

Лицензия: Лицензия MIT.

Octicons

Octicons представляет собой набор значков шрифтов, представленных GitHub, позволяющий использовать тот же значок, что и GitHub в вашем проекте. В вашем следующем проекте готово применить более 170 иконок.

Платежный шрифт

Если вы используете платежный шлюз, вы можете получить эти значки шрифтов. Пакет содержит 95 спальных иконок популярных способов оплаты или шлюзов, таких как Visa, American Express и другие..

Лицензия: SIL OFL 1.1

Иконки для Android

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

Лицензия: Attribution-ShareAlike 4.0 International

DevIcons

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

Лицензия: MIT

Открытая иконика

Open Icon содержит 223 иконки, готовые для использования с начальной загрузкой, фреймворком или вашей собственной таблицей стилей. Размер шрифта небольшой, всего 12,4 КБ, что составляет около четверти от того, что вы можете найти в FontAwesome. Крутая вещь здесь, эти значки могут быть уменьшены до 8 пикселей.

Лицензия: SIL.

Материал Дизайн Iconic Шрифт

В этом пакете есть 15 категорий значков шрифтов, вдохновленных Google Material Design. Чтобы использовать их, просто установите Material-Design-Iconic-Font.ttf, а затем используйте эту таблицу. Скопируйте и вставьте значки (не Unicode) в ваш проект. Вы можете увеличить значки, придать им границы, вращать, вращать или переворачивать с помощью CSS.