Коллекция иконок для сайта: 231,516 наборов векторных иконок — SVG, PSD, PNG, EPS и иконочные шрифты

15 сайтов для загрузки бесплатных иконок SVG

С ростом использования экранов с высоким разрешением мы наблюдаем рост количества иконок SVG. В отличие от растровой графики, SVG масштабируется и не зависит от разрешения, что позволяет ему оставаться четким независимо от размера и разрешения экрана.

Итак, здесь мы собрали лучшие ресурсы, откуда вы можете получить высококачественные иконки SVG. Некоторые ресурсы предоставляют не только значки с удобными функциями для повышения производительности дизайнеров и разработчиков.

Без лишних слов, давайте перейдем к полному списку.

Программы для Windows, мобильные приложения, игры — ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале — Подписывайтесь:)

1. Иконки начальной загрузки

Официальная коллекция иконок от Bootstrap, одного из самых популярных фреймворков HTML/CSS. Он содержит более 1500 значков в формате SVG и SVG, что дает вам большую гибкость. Хотя эти значки разработаны для Bootstrap, вы можете использовать их с любым другим фреймворком.

2. Боксиконы

Boxicons содержат более 1500 значков, сгруппированных по нескольким категориям, таким как «Электронная коммерция», «Финансы» и «Музыка», которые позволяют легко сортировать и находить нужную коллекцию.

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

3. Иконки с перьями

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

4. Иконуар

Iconoir — это бесплатная коллекция с открытым исходным кодом, содержащая более 900 иконок. Он поставляется в нескольких форматах, включая SVG, Font, React.js и даже Фигма и Фреймер. Я уверен, что и дизайнеры, и разработчики оценят эту коллекцию.

5. Иониконы

Коллекция икон из Ионный каркас предназначен для использования в веб-, мобильных или настольных приложениях. Каждый значок представлен в трех разных стилях: контур, заливка и четкость. Они доступны в виде значков SVG и Font.

6. Значки таблицы

Содержит более 1300 иконок. Tabler — одна из идеальных коллекций для дизайна вашего веб-сайта или приложения. Он выглядит четким, последовательным и настраиваемым. Каждый значок доступен в нескольких других форматах помимо SVG, включая JSX, URI данных, компонент React, Webfont, SCSS, а также показывает несколько примеров того, как вы можете применить значки к компоненту пользовательского интерфейса.

7. Иконки системы счисления

Набор иконок с тонким контуром. Каждая иконка размером 15×15 пикселей выглядит четко на экране. Вы можете получить коллекцию в виде файла Figma, файла Sketch, IconJar, SVG или NPM. Эти различные форматы обеспечивают беспрепятственное сотрудничество между дизайнерами и разработчиками.

8. Героиконы

Heroicons — это набор иконок, созданных людьми, стоящими за Попутный ветер. Он предоставляет набор из более чем 200 иконок. Каждый значок представлен в двух стилях: «Контур» и «Заполненный» и доступен в виде библиотеки компонентов SVG, JSX и Vue. Для дизайнеров вы можете скачать файл Figma для всех иконок.

9. Иконки дизайна муравьев

Этот значок является частью Муравей Дизайн система. Но вы можете установить коллекцию значков как отдельный компонент через NPM. Каждый значок доступен как компонент React.js и будет отображаться как SVG.

Он также поставляется в трех стилях — контурный, заполненный, двухцветный — и совместим со светлой или темной цветовой схемой из коробки. Если вы создаете приложение React.js, это одна из лучших коллекций иконок.

10. Иконка Ремикс

Remix Icon — удивительная коллекция из более чем 2000 иконок. Некоторые значки имеют несколько вариаций. Например, существует более десятка вариаций домашних иконок. Это позволяет вам выбрать идеальную иконку, подходящую для персонажа вашего сайта.

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

Это коллекция иконок от Дизайн-система Google «Material». Он поставляется с интуитивно понятным пользовательским интерфейсом, который обеспечивает удобство реализации значка на нескольких различных платформах, включая Интернет с SVG или значком, Android, iOS, Flutter, а также специально интегрирован с Angular.

12. Октиконы

Библиотека значков от Github, эти значки были созданы для их системы дизайна «Primer», в частности для приложений Github, что делает его идеальным набором, если вы создаете веб-сайт или приложение, интегрированное с Github. Вы можете установить и использовать значки через Драгоценный камень (пакет Ruby), NPM или как компонент React.js.

13. Иконки

Набор иконок SVG, созданных как компоненты React.js. Вы можете найти несколько уникальных значков в коллекции, а некоторые значки даже доступны в полноцветном виде, а не только в белом и черном.

14. CSS.gg

Этот сайт предоставляет около 700 высококачественных иконок. Коллекция значков доступна во многих форматах, включая CSS, SVG, TypeScript, Figma, Adobe XD и в качестве конечной точки API. Это упрощает сотрудничество между дизайнерами и разработчиками при разработке веб-сайтов и преобразовании дизайна в код.

15. Типиконы

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

Программы для Windows, мобильные приложения, игры — ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале — Подписывайтесь:)

Набры иконок для сайта (svg, вектор)

Найдено шаблонов: 36

• Цена
• Дата
• Рейтинг

Показать еще

Наборы иконок – это готовые навигационные картинки для сайтов, созданные в одной тематике профессиональными веб-дизайнерами.

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

Если Вы хотите разнообразить Ваш сайт и, при этом, сэкономить время и деньги, то шаблоны иконок станут для Вас прекрасным решением. Просто выберите подходящие по стилю картинки в нашем каталоге, и Ваш сайт сразу же преобразится.

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

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

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

Купить шаблоны иконок, собранные на нашем сайте, очень просто. Наша коллекция навигационных картинок постоянно обновляется, так что даже самый привередливый посетитель сможет подобрать для себя подходящий вариант.

Уже знаете, что Вам нужно? Даже если и не знаете, скорей начинайте знакомиться с нашими шаблонами! Доступные цены, высокое качество и уникальный дизайн мы гарантируем!

Этот сайт использует файлы cookie. Продолжая использовать этот сайт, закрывая этот баннер или нажав «Я согласен», вы соглашаетесь c Политикой конфиденциальности.

Я согласен

Ресурсы библиотеки значков — самые популярные наборы

Автор: Cody Arsenault

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

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

1. The Noun Project

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

Основные функции

• Бесплатные и платные варианты загрузки
• Наборы значков
• Приложение для Mac
• Новые значки загружаются почти ежедневно

2. iconmonstr

iconmonstr — обширная библиотека значков, содержащая более 4300 значков, отсортированных по 304 различным коллекциям. Каждый набор значков предлагает как контурные, так и заполненные версии графики, чтобы их можно было использовать для различных дизайнерских приложений. Сайт предлагает надежные функции поиска и позволяет пользователям добавлять значки в избранное. Каждая иконка разработана с использованием 24-пиксельной сетки для удобного использования в различных дизайнах.

Основные характеристики

• Бесплатное использование всех значков
• Удобные наборы значков
• Четыре варианта загрузки в формате
• Уменьшенные значки, оптимизированные для использования в Интернете

3. Good Stuff No Nonsense

Веселый, нарисованный от руки значки в Good Stuff No Nonsense отсортированы по более чем двум десяткам категорий для простоты использования. Эти причудливые значки идеально подходят для дизайнеров, которым нужен нарисованный от руки вид, но у которых нет времени или навыков для создания и загрузки собственных значков. Все значки на этом сайте созданы одним художником, поэтому они обеспечивают согласованность дизайна и могут помочь придать фирменный вид любому сайту или приложению. Многие значки также векторизованы для гибкого использования в дизайне.

Основные характеристики

• Доступны недорогие и бесплатные наборы значков
• Доступны услуги по созданию пользовательских значков
• Возможность купить наборы значков или отдельные значки
• Значки доступны в различных форматах
900 29

4.

Библиотека иконок Ориона

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

Основные функции

• Тысячи значков доступны бесплатно, даже больше, если вы приобретете их тарифный план Pro
• План Pro предоставляет «лицензию без указания авторства»
• Простое в использовании и интуитивно понятное веб-приложение для изменения ваших значков

5. IcoMoon

Коллекция IcoMoon, используемая как крупными, так и малыми компаниями, отличается тем, что предлагает как шрифты значков, так и пакеты значков, которые поддерживают базовое редактирование глифов. Доступный как веб-сайт, так и приложение, IcoMoon предлагает более 4000 бесплатных иконок и автономное хранилище иконок. Каждый пакет значков имеет подробное лицензирование, чтобы дизайнеры и разработчики точно знали, как можно использовать значки. Пользователи также могут создавать свои собственные шрифты для значков.

Основные функции

• Бесплатные и платные варианты загрузки
• Широкий выбор форматов загрузки
• Комплексные инструменты управления значками
• Бесплатные и простые обновления через облачную синхронизацию
9001 2 6. Pictonic

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

Основные функции

• Возможность покупать наборы значков или отдельные значки
• Значки полностью масштабируются
• Все значки могут быть оформлены с помощью CSS
• Значки доступны в различных форматах файлов
9 0029

7. Иконки8

С более чем 85 000 иконок и ежедневными обновлениями коллекция Icons8 трудно превзойти, когда дело доходит до выбора и разнообразия. Пользователи могут искать значки по тегам или могут просматривать более 50 различных тематических коллекций, чтобы найти графику, соответствующую их потребностям. Icons8 фокусируется на плоских значках, которые можно использовать на различных платформах и операционных системах. Пользователи могут присылать предложения, если они не находят значки, соответствующие их потребностям.

Основные характеристики

• Платная и бесплатная подписка
• Доступ к векторным иконкам, которые можно изменить
• Возможность легкого редактирования цвета иконки
• Простое перетаскивание в Photoshop, Xcode, Sketch и т. д.
90 029

8. Freepik

Как следует из названия, Freepik предлагает огромную базу данных бесплатной графики, векторов и значков для использования веб-дизайнерами и дизайнерами приложений. Раздел сайта с библиотекой значков предлагает более 100 000 графических изображений, которые пользователи могут искать или просматривать по темам. Значки варьируются от простых до сложных, и доступен ряд линейных, заполненных и цветных значков. Каждая иконка имеет свои лицензионные ограничения.

Основные характеристики

• Бесплатно для личного и коммерческого использования
• Иконки можно скачать в форматах PNG, EPS и SVG
• Другие векторы и изображения, доступные на сайте, можно легко отредактировать для использования в качестве иконок
• Новые иконки добавляются на регулярной основе

9. Glyphish

Glypish представляет собой коллекцию иконок с более чем 2200 элементами как линейного, так и заполненного стиля. Иконки доступны в большом платном пакете или в отдельных пакетах. На этом сайте представлены значки для iOS, Android и Apple Watch. Дизайнеры и разработчики, которые хотят попробовать Glyphish, могут загрузить 50 бесплатных иконок, лицензированных через Creative Commons. Все значки имеют размер в соответствии со спецификациями Apple, но также могут быть отредактированы дизайнерами.

Основные функции

• Значки для платформ iOS и Android
• Набор из 50 бесплатных значков
• Простое перетаскивание в Xcode
• Значки, специально подобранные для дисплеев Apple Retina
900 29

10. Iconfinder

Iconfinder в настоящее время является крупнейшей библиотекой иконок с более чем 5 миллионами бесплатных и премиальных иконок. Кроме того, они также предлагают более 155 000 наборов иконок. Iconfinder предоставляет пользователям различные параметры поиска, включая формат значков, цену, размер, фон и т. д. Они предлагают широкий выбор бесплатных значков, но если они вам не подходят, вы также можете перейти на значки премиум-класса для $9/месяц за 10 загрузок, 19 долларов в месяц за 50 загрузок или 49 долларов в месяц за неограниченное количество загрузок.

Основные функции

• Бесплатные и платные варианты использования
• Гибкие функции поиска
• Иконки доступны в различных форматах

11. PixelLove

9000 2 Благодаря более чем 5000 значков для платформ iOS и Android, PixelLove коллекция иконок для дизайнеров, создающих мобильные сайты и приложения. Все иконки доступны в различных размерах пикселей. Файлы слоев и фрагментов обеспечивают возможность редактирования значков как в Photoshop, так и в Sketch. И значки, и шрифты значков включены для удовлетворения разнообразных потребностей дизайна.

Основные функции

• Бесплатные и платные значки с четырьмя уровнями подписки
• Различные варианты лицензий
• Значки, специально разработанные для Apple Watch
• Редактируемые векторные и растровые форматы

12. Flaticon

Эта коллекция из более чем 1 миллиона векторных иконок представляет собой еще одного «крупного игрока» в пространстве коллекций иконок. Пользователи Flaticon могут загружать неограниченное количество иконок, а также легко управлять функциями дизайна. Все значки можно настроить в соответствии с потребностями отдельных дизайнеров в цвете и размере. Пользователи также могут создавать шрифты значков для использования в личных и коммерческих проектах. Flaticon предлагает приложение для Mac для простой интеграции иконок через Sketch, Photoshop, Illustrator и другие.

Основные функции

• Доступны как бесплатные, так и платные варианты подписки
• Новые пакеты значков добавляются каждый месяц
• Доступны различные форматы файлов
• Доступны как растровые, так и векторные значки
900 29

13. Шрифт Awesome

Доступный как единый шрифт, содержащий почти 1500 иконок, Font Awesome предлагает дизайнерам гибкое решение для иконок. Значки можно легко изменить с помощью атрибутов CSS, и они предназначены для безупречной работы в различных средах. Каждая иконка представляет собой векторную графику, а это означает, что дизайнеры также имеют неограниченный контроль над размером и масштабируемостью иконки. Эти значки не требуют JavaScript, а это значит, что они свободны от проблем совместимости, с которыми сталкиваются некоторые наборы значков. Также включены анимированные значки и значки, предназначенные для использования в списках.

Ключевые особенности

• Абсолютно бесплатная библиотека значков
• Создан с учетом доступности
• Легко обновляется через веб-сайты
• Предлагает настольную памятку для всей библиотеки значков
9 0012 14. Графический бургер

Графический Burger предлагает набор бесплатных и платных графических элементов для веб-дизайнеров, дизайнеров приложений и графических дизайнеров. Среди них — большой выбор значков, включающий графику, подходящую для множества предметов и тем. Пользователи могут просматривать последние значки, добавленные на сайт, или искать значки, отвечающие их конкретным потребностям. Многие наборы значков предлагают линейные, заполненные и цветные версии значков для гибкости дизайна. Доступно множество форматов файлов с некоторыми наборами значков, предлагающими как бесплатные, так и платные варианты загрузки.

Основные характеристики

• Доступны как бесплатные, так и платные значки
• Большинство наборов значков предлагают гибкие варианты дизайна
• Значки собраны в наборы в соответствии с темой и стилем
• Новые значки добавляются на регулярной основе
900 29

15. Behance

Будучи не столько традиционной библиотекой, сколько местом, где дизайнеры могут продемонстрировать свой талант, Behance можно использовать для поиска тысяч бесплатных значков и графики для использования как в приложениях, так и на веб-сайтах. Разнообразные наборы иконок можно найти с помощью основных условий поиска, но дизайнеры должны иметь терпение, чтобы получить максимальную отдачу от этого сайта. Гибкость дизайна отдельных наборов значков сильно различается в зависимости от конфигураций, установленных первоначальными дизайнерами и пользователями, загружающими их. Пользователи могут искать значки на этой странице, чтобы упростить навигацию по интерфейсу Behance.

Основные характеристики

• Доступны тысячи бесплатных значков
• Дизайнеры могут фильтровать результаты поиска по используемым инструментам, цвету и другим параметрам
• Новые значки добавляются еженедельно графика

16. Nova

Nova — это набор из 4000 иконок, созданных в соответствии с рекомендациями Google по материальному дизайну. Это делает их идеальными для использования с любыми приложениями для Android, веб-сайтами и настольными приложениями. Иконки Nova также имеют 2 разных стиля, поэтому независимо от того, выберете ли вы бесплатный пакет, базовый пакет или окончательный пакет, вы фактически получите вдвое больше значков. Иконки Nova присутствуют во всех основных файлах, используемых разработчиками и дизайнерами. Сюда входят Sketch, Illustrator, SVG и PDF.

Основные характеристики

• Каждый значок представлен в стиле Line + Solid, всего около 8000 значков
• Разработано с учетом рекомендаций Google Material Design
• Предлагает широкий выбор значков в различных категориях
• Бесплатные и платные доступные варианты

17.

Smashicons

Smashicons предлагает чрезвычайно обширную коллекцию иконок с более чем 175 000 иконок в настоящее время в их библиотеке. Однако, в отличие от некоторых других упомянутых библиотек значков, не все эти значки следуют одному и тому же стилю. Поэтому, если вы хотите, чтобы ваш веб-сайт, приложение и т. д. выглядели одинаково, вам необходимо убедиться, что все нужные вам значки находятся в определенном наборе значков. Smashicons также работает немного иначе, чем большинство других библиотек значков, поскольку их цена основана на ежемесячном плане в размере 5 долларов в месяц. Это означает, что за 5 долларов в месяц вы получаете доступ ко всей их коллекции существующих значков, а также к любым будущим значкам, которые они выпустят.

Основные характеристики

• Очень большая коллекция значков, хотя и не все они выполнены в одном стиле
• Все значки совместимы с несколькими платформами
• Простое в использовании веб-приложение для поиска и поиска нужных значков

18.

Roundicons

Еще один пакет иконок — Roundicons. Этот поставщик значков предлагает 37 000 значков, разделенных на различные пакеты значков, по единовременной цене 99 долларов. Кроме того, они также предлагают множество бесплатных значков, а также создание пользовательских значков. Так что, если вы создаете бренд, которому нужен согласованный внешний вид, создание пользовательских значков может стать отличным решением.

Основные характеристики

• Несколько наборов значков по единовременной цене
• Бесплатные обновления при появлении новых значков
• Предлагает услугу по созданию пользовательских значков

Сводка

900 02 Из приведенного выше списка мы’ Мы выбрали несколько самых узнаваемых имен в ресурсах библиотеки иконок и сопоставили их друг с другом в тенденциях Google.

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

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

Icon Set дизайны, темы, шаблоны и загружаемые графические элементы на Dribbble

1. View Oppo Icon Branding Design: набор иконок с плоским вектором

   Фирменный дизайн Oppo Icon: набор иконок в плоском векторе

2. Посмотреть иконографию Twitter

   Иконография Twitter

3. Посмотреть руководство по иконографии Assetly

   Руководство по иконографии Assetly Брендинг

4. Иконография: брендинг иконок, набор иконок, визуальная идентификация, приложение

5. Просмотр брендинга Proemion Web Icons, набора иконок, набора, плоской векторной линии пользовательского интерфейса

   Брендинг Proemion Web Icons, пакет иконок, набор, плоская векторная линия пользовательского интерфейса

6. View Oppo Icon Branding Design: набор иконок с плоским вектором

   Oppo Icon Branding Design: набор иконок в плоском векторе

7. Посмотреть халяву: Iconly V2.