Java, UX, HTML, CSS, WEB-design

10 лучших бесплатных иконок для веб-дизайнеров

Краткое описание по статье 10 лучших бесплатных иконок для веб-дизайнеров

Название: 10 лучших бесплатных иконок для веб-дизайнеров . Краткое описание: [ad_1] ⭐ Веб-шрифты с открытым исходным кодом позво . Дата публикации: 22.01.2022 . Автор: Алишер Валеев .

Для чего создан сайт Novosti-Nedeli.ru

Данный сайт посвящен новостям мира и мира технологий . Также тут вы найдете руководства по различным девайсам.

Сколько лет сайту?

Возраст составляет 3 года

[ad_1]

Веб-шрифты с открытым исходным кодом позволяют дизайнерам радикально менять дизайн своих страниц и типографские стили. И некоторые из этих веб-шрифтов используют наборы значков для переноса векторных значков в CSS. Если вы ищете 100% бесплатные иконочные шрифты для своего веб-сайта, то в этом посте собраны все лучшие из них. Каждый пакет значков абсолютно бесплатен с векторами SVG и форматами веб-шрифтов для включения в ваши таблицы стилей и веб-страницы.

НЕОГРАНИЧЕННАЯ ЗАГРУЗКА: Более 1 500 000 иконок и элементов дизайна

1. Значок капитана

значок капитана вебиконы

Мой любимый веб-шрифт — это пакет Captain Icon, созданный дизайнером Марио дель Валье. Это абсолютно бесплатный проект с открытым исходным кодом, размещенный на GitHub, с векторными файлами и веб-шрифтами.

Что мне больше всего нравится в этом наборе иконок, так это стиль. Каждая иконка имеет уникальный дизайн, и все они нарисованы вручную с нуля. Это выделяет их намного выше других более общих наборов иконок.

Но я не думаю, что Captain Icon подходит для каждого проекта. Его лучше всего использовать на творческих сайтах, где рисованный стиль подходит к макету.

2. Октиконы

октиконы веб-шрифты

GitHub недавно открыл свой собственный набор иконок под названием Octicons. Этот бесплатный набор значков в настоящее время находится в версии 5.0 и включает в себя десятки значков с некоторыми основными символами.

Эти значки можно найти разбросанными по всему веб-сайту GitHub. Но они достаточно просты, чтобы работать практически с любым интерфейсом.

Если вам нужен простой, легкий иконочный шрифт, Octicons вас не подведет.

3. Типиконы

набор типиконов

С закругленными углами и более простыми очертаниями набор Typicons идеально подходит для любого сайта. Он поставляется с более чем 330 уникальными иконками в едином стиле.

Пакет полностью бесплатный, а также доступен на GitHub. Это означает, что вы можете добавлять значки непосредственно на свой сайт и даже вносить в них изменения по мере необходимости.

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

4. Зондиконы

набор иконок зондикон

Zondicons абсолютно бесплатны, и их очень легко добавить на ваш сайт. К сожалению, они не размещены на GitHub, поэтому у них нет архива обновлений.

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

Я рекомендую этот веб-шрифт, если вас устраивает более простой дизайн. Это делает значки намного проще в использовании, но они также могут гармонировать с сайтом в более «общем» стиле.

5. Опечатка

домашняя страница entypo

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

Новые значки добавляются время от времени, и к ним очень легко получить доступ. Шрифты также разделены на два пакета: основной пакет и социальный пакет. Поэтому, если вам не нужны значки социальных сетей, вы можете немного уменьшить размер файла шрифта.

Entypo поставляется с более чем 400 иконками и блестящей лицензией CC. Чтобы узнать больше об установке и настройке значков, прочитайте страницу часто задаваемых вопросов и посетите основной репозиторий GitHub.

6. Лаборатории MFG

набор иконок mfg labs

Один из новых шрифтов в этом списке создан MFG Labs с собственным набором значков. Это абсолютно бесплатно и размещено на GitHub для доступа во всем мире.

Каждый значок упакован со стандартными форматами веб-шрифтов с использованием Unicode PUA в CSS. Это полностью семантично во всех браузерах и помогает уменьшить конфликты с другим кодом CSS.

Иконки MFG Labs имеют уникальный стиль, который выделяется из общей массы. Я абсолютно рекомендую этот иконочный шрифт для любого типа веб-сайта, коммерческого или любого другого.

7. Иониконы

ionicons webfont - иконочные шрифты

Нативные разработчики любят Ionic Framework, и это один из самых популярных вариантов для мобильных приложений из Интернета. Команда Ionic решила выпустить свои иконки в виде веб-шрифта под названием Ionicons.

Естественно, они абсолютно бесплатны и доступны на GitHub. Вы даже можете добавить эти значки прямо на свой сайт, используя версию таблицы стилей CDN.

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

8. Потрясающий шрифт

шрифт awesome iconset - иконочные шрифты

Оригинальный веб-шрифт и личный выбор Bootstrap, Font Awesome, возможно, является окончательным выбором для большинства веб-дизайнеров.

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

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

Это, безусловно, один из самых безопасных наборов иконок, которые вы можете использовать, и вы знаете, что он будет здесь надолго.

9. Иконки дизайна материалов

материальные иконки веб-шрифтов - иконочные шрифты

Материальный дизайн Google привнес новый подход к UI/UX в Интернете. Это привело к появлению множества новых фреймворков и ресурсов, включая этот иконочный шрифт для дизайна материалов.

Эти значки материалов абсолютно бесплатны и доступны на GitHub. Этот пакет значков абсолютно огромен с более 1000 иконок охватывает широкий спектр функций интерфейса.

А поскольку это открытый исходный код, вы можете повторно использовать их в любых проектах и ​​даже настраивать значки, если это необходимо. Идеально подходит для тех, кто работает с руководящими принципами материалов Google в Интернете.

10. Девиконы

devicons webfont — иконочные шрифты

Пакет Devicons — это один из новейших веб-шрифтов, которые вы можете попробовать с упором на технические логотипы и брендинг.

В этом иконочном шрифте есть все логотипы, которые вы можете себе представить, от крупных технологических игроков, таких как Google, до новых логотипов CMS, таких как Ghost. Я признаю, что это полезно только для сайтов, которым нужны векторные технологические логотипы, которых, конечно, не будет большинство.

Но это здоровенный набор иконок, и он абсолютно бесплатный! На этой странице вы найдете подробную информацию об установке с бесплатной версией CDN, которую вы можете использовать для сокращения времени загрузки.

Подведение итогов

Трудно выбрать всего десять иконочных шрифтов, потому что каждый год выпускается так много новых. Но это мой лучший выбор, и если вы порекомендуете какие-либо другие, обязательно поделитесь ими в комментариях ниже.

Этот пост может содержать партнерские ссылки. Смотрите нашу информацию о партнерских ссылках здесь.

[ad_2]
Source: 1stwebdisigner

Заключение

Вы ознакомились с статьей — 10 лучших бесплатных иконок для веб-дизайнеров

Пожалуйста оцените статью, и напишите комментарий.

Похожие статьи

Добавить комментарий

Ваш адрес email не будет опубликован.

Кнопка «Наверх»