9 Альтернативы FontAwesome, которые одинаково хороши
Использование значков шрифтов — популярный способ отображения значков на вашем веб-сайте, тем более что пользовательские шрифты лучше поддерживаются в CSS3. Размер шрифтов можно изменять без ущерба для качества — они не зависят от разрешения , что делает их четкими на экране любой плотности, а также настраиваются с помощью CSS . Мы можем легко изменить цвет, размер и даже анимировать значки шрифтов с помощью CSS3.
FontAwesome — один из самых популярных источников значков шрифтов с огромной коллекцией значков. Однако нет необходимости загружать всю коллекцию, если вам нужно использовать только некоторые из них.
Вот несколько альтернативных источников хорошо продуманных значков шрифтов , которые, я надеюсь, пригодятся вам при создании следующего замечательного веб-сайта или приложения вместо использования FontAwesome.
Руководство: Улучшенные и четкие значки пользовательского интерфейса с веб-шрифтамиРуководство: Улучшенные и четкие значки пользовательского интерфейса с веб-шрифтами
Примечание.
Этот пост был впервые опубликован 5 декабря 2012 года. Если вы знакомы с использованием… Читать далее
Flaticon
Flaticon – это исчерпывающий источник высококачественных и универсальных иконок с более чем 90,9 миллиона векторных значков доступны в различных форматах, включая форматы PNG, SVG, EPS, PSD и CSS. Библиотека значков имеет удобный интерфейс, который позволяет искать ресурсы по ключевому слову, типу, автору, пакету или стилю. Вы также можете настроить размер, цвет и фон значков в соответствии с потребностями вашего проекта.
Лицензия: Flaticon предлагает бесплатный сервис. Это означает, что вы можете получить доступ к большому количеству контента бесплатно, но есть премиум-членство, доступное по цене от 8,5 долларов США в месяц 9.0007
StackIcons
StackIcons — это значки шрифтов для более чем 60 современных социальных брендов. Они поставляются с CSS, что позволяет вам стилизовать шрифт во многих формах контейнеров. Вы можете получить значки своих социальных брендов в кругах, квадратах или с закругленными краями.
Вы также можете раскрасить значки более чем в один цвет, чтобы получить более реалистичные фирменные цвета.
Лицензия : SIL Open Font и MIT
Twemoji Awesome
Twemoji — это проект смайликов с открытым исходным кодом от Twitter. Elle Kasai перенесла его на значок шрифта под названием 9.0003 Потрясающий Twemoji . Все имена классов для отображения значков такие же, как в шпаргалке Twemoji, но вам нужно использовать тире вместо подчеркивания. Вот и все.
Вот пример того, как мы добавляем значок Hatching_chick :
<я>
Лицензия: MIT и CC-BY для графики смайликов
Font Diao
Font Diao представляет собой набор значков шрифтов с популярных веб-сайтов или компаний, базирующихся в Китае, таких как Alibaba, Alipay, WeChat, Xiaomi и Weibo. .
Шрифт может пригодиться при создании веб-сайтов, предназначенных для аудитории материкового Китая, которая, вероятно, знакома с этим конкретным шрифтом.
Лицензия: Public License
Socialicious
Socialicious — это шрифт, созданный исключительно для популярных социальных сайтов, таких как Facebook, Twitter и Instagram. Шрифт прекрасно работает с Bootstrap.
Вот пример кода для создания кнопки с помощью Bootstrap .btn в сочетании с классами шрифтов.
<а>Связаться с LinkedIn
Лицензия: Лицензия MIT.
Octicons
Octicons — это набор значков шрифтов, представленный GitHub, который позволяет вам использовать те же значки, которые используются GitHub в вашем проекте. Есть более 170 значков, готовых для использования в вашем следующем проекте.
Иконки Android
Это набор иконок, созданный Opoloo, ранее известным как Android-сообщество. Он включает в себя 250 потрясающих значков пяти размеров и 14 цветов собственных значков Android.
Лицензия : Attribution-ShareAlike 4.
0 International
DevIcons
DevIcons — это набор значков шрифтов, созданных вручную Теодором Ворильясом. Он содержит 85 символов и логотипов знакомых приложений для разработки, таких как значок GitHub, значок Gulp, значок Angular и многие другие.
Лицензия: MIT
Open Iconic
Open Icon содержит 223 значка, готовых к использованию с начальной загрузкой, фреймворком или вашей собственной таблицей стилей. Размер шрифта небольшой, всего 12,4 КБ, что составляет примерно четверть того, что вы можете найти в FontAwesome.
Самое классное здесь то, что эти значки можно уменьшить до 8 пикселей.
Лицензия: SIL.
Знаковый шрифт Material Design
В этом пакете 15 категорий значков шрифтов, вдохновленных Google Material Design. Чтобы использовать их, просто установите Material-Design-Iconic-Font.ttf и обратитесь к этой шпаргалке. Скопируйте и вставьте значки (не Unicode) в свой проект.
Вы можете увеличивать значки, добавлять границы, вращать, вращать или отражать их с помощью CSS.
Лицензия : Attribution-ShareAlike 4.0 International
Более 7000 шрифтов для значков, SVG, 3D-иконки и анимированные значки с Unicons by IconScout
Оживите свои дизайны с помощью бесплатных иконочных шрифтов, значков SVG, 3D-значков и анимированные иконки с Unicons от IconScout. Являетесь ли вы дизайнер или разработчик, Unicons предоставит вам высококачественные значки в различных стилях значков, таких как линейные, монохромные, сплошные и тонкая линия.
Руководство по библиотеке Explore для разработчиковUnicons теперь поддерживает 3D-анимацию и анимацию Lottie.
Unicons теперь включает в себя широкий выбор 3D и анимированных значков для воплотить ваши проекты в жизнь.
Новый НовыйАнимированный
Начните использовать иконки в качестве шрифта
Легко вставьте Unicons на свой сайт, написав всего несколько строк кода.
1
Добавить стиль
Скопируйте приведенный выше код в раздел
страниц, где вы хотите использовать эти значки.2
Добавить значки
Найдите значок и поместите его в раздел
HTML-кода.3
Стиль значка
Выберите правильный значок и легко измените размер, цвет и тон значка.
Используйте в своих любимых стилях
Усильте свой дизайн с помощью Unicons, который представляет собой универсальную коллекцию шрифты значков и значки SVG, доступные в четырех различных стилях.
БесплатноМонохромный
Тонкая линия
Используется и любим сообществом дизайнеров, разработчиков и т. д.
Пиксельные значки
Работайте с единообразным пиксельным дизайном во всех категориях.
Более 7000 элементов упрощенного дизайна
Библиотека шрифтов значков, значков SVG, анимированных значков и 3D-значков.
Иконочные шрифты Web и SVG
Внедряйте шрифты значков Web и SVG в свои проекты с помощью одной простой строки кода.
20+ категорий
Доступно в популярных категориях, таких как бизнес, логотипы брендов, чат, общение и многое другое.
Ускорьте процесс разработки
Всего одна строка кода, чтобы добавить всю библиотеку в вашу сеть. Преодоление разрыва между дизайнерами и разработчиками
Исследовать библиотекуНачните работу со шрифтами значков, SVG, анимированными и 3D-значками
Используйте эти значки, чтобы сделать интерфейсы и пользовательский опыт более яркими.
Iconfonts
Vue
React
Figma
9019 1glTF
JSON
SVG
Доступ к Unicons напрямую из ваших любимых инструментов дизайна
Иконочные шрифты Unicons, значки SVG, анимированные значки и 3D-значки легко доступны в виде плагинов с популярными инструментами.
Просто найдите и вставьте нужный значок простым перетаскиванием.
Фигма
AdobeXD
Гугл документы
Окна
Канва
Иллюстратор
Microsoft Word
Мак
Популярные проекты теперь строятся с использованием наших ресурсов и инструментов.
Бансари Векария
UX-дизайнер, минималист
«С активами креативного дизайна очень легко доносить свои идеи до заинтересованных сторон. Я обычно предпочитаю веб-сайт IconScout для поиска активов».
Вину Рамесан
Руководитель отдела анимации, Gojek
«LottieFiles идеально подходят для всех наших продуктов и услуг, чтобы вы чувствовали себя как дома».
Тулси Бхикадия
Дизайнер продукта/сотрудник UX, plexusMD
«IconScout — спаситель, когда дело доходит до поиска иллюстраций на очень нишевые темы, такие как врачи, медицина и многие другие отрасли».
Дон Велтри
Директор по маркетингу, РАЭК
«Очень удобные дизайнерские активы. Я всегда рад использовать их в своем продукте».
Амрит Пал
Создатель игрушечных лиц
«Люблю IconScout! Такая обширная библиотека дизайнерских ресурсов».
Санджиб Пол
Дизайнер, LottieFiles
«Iconscout — потрясающий инструмент… мне больше не нужно покидать свое рабочее место… все, что мне нужно, доступно прямо в XD»
Брайан Ли
Старший аниматор, headspace
«Лотти быстро интегрируется в мой рабочий процесс, занимает мало места, я могу быстро делиться идеями со своими командами».
Бансари Векария
UX-дизайнер, минималист
«С активами креативного дизайна очень легко доносить свои идеи до заинтересованных сторон. Я обычно предпочитаю веб-сайт IconScout для поиска активов».
Вину Рамесан
Руководитель отдела анимации, Gojek
«LottieFiles идеально подходят для всех наших продуктов и услуг, чтобы вы чувствовали себя как дома».
Тулси Бхикадиа
Дизайнер продукта/сотрудник UX, plexusMD
«IconScout — спаситель, когда дело доходит до поиска иллюстраций на очень нишевые темы, такие как врачи, медицина и многие другие отрасли».
Дон Велтри
Директор по маркетингу, РАЭК
«Очень удобные дизайнерские активы. Я всегда рад использовать их в своем продукте».
Амрит Пал
Создатель игрушечных лиц
«Люблю IconScout! Такая обширная библиотека дизайнерских ресурсов».
Санджиб Пол
Дизайнер, LottieFiles
«Iconscout — потрясающий инструмент… мне больше не нужно покидать свое рабочее место… все, что мне нужно, доступно прямо в XD»
Брайан Ли
Старший аниматор, headspace
«Лотти быстро интегрируется в мой рабочий процесс, занимает мало места, я могу быстро делиться идеями со своими командами».
Бансари Векария
UX Дизайнер, Минималист
«С активами креативного дизайна очень легко доносить свои идеи до заинтересованных сторон. Я обычно предпочитаю веб-сайт IconScout для поиска активов».
Вину Рамесан
Руководитель отдела анимации, Gojek
«LottieFiles идеально подходят для всех наших продуктов и услуг, чтобы вы чувствовали себя как дома».
Тулси Бхикадия
Дизайнер продукта/сотрудник UX, plexusMD
«IconScout — спаситель, когда дело доходит до поиска иллюстраций на очень нишевые темы, такие как врачи, медицина и многие другие отрасли».
Дон Велтри
Директор по маркетингу, РАЭК
«Очень удобные дизайнерские активы. Я всегда рад использовать их в своем продукте».
Амрит Пал
Создатель игрушечных лиц
«Люблю IconScout! Такая обширная библиотека дизайнерских ресурсов».
Санджиб Пол
Дизайнер, LottieFiles
«Iconscout — потрясающий инструмент… мне больше не нужно покидать свое рабочее место… все, что мне нужно, доступно прямо в XD»
Брайан Ли
Старший аниматор, headspace
«Лотти быстро интегрируется в мой рабочий процесс, занимает мало места, я могу быстро делиться идеями со своими командами».
Значки запроса
Не можете найти иконку, которую ищете? Не беспокойтесь, мы разработаем его для вас.