Набор иконок для сайта: 229,217 наборов векторных иконок

Содержание

33 красивых бесплатных набора иконок

Дизайн

5 мин на чтение

26664

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

Мы хотим поделиться некоторыми из лучших сайтов для загрузки красивых бесплатных наборов иконок. Дизайнеры вложили много любви и заботы в эти наборы иконок и сделали их доступными бесплатно.

Во второй версии набора Dripicons находятся более 200 иконок самых популярных категорий, например стрелки или элементы управления.

Двухцветные иконки делают ваш дизайн более визуально привлекательным. 60 бесплатных иконок в этом наборе доступны в форматах PSD, SVG и AI.

100 уникальных бесплатных иконок способных украсить ваш интерфейс.

Больше 480 красивых иконок с открытым исходным кодом. Вы можете выбрать залитую или контурную версию.

Эмоции Фейсбука в двух форматах (Sketch и SVG).

Набор простых иконок с открытым исходным кодом. Каждая иконка нарисована в квадрате 24х24 с акцентом на простоту, последовательность и удобство использования.

Этот набор иконок можно легко настроить в соответствии с потребностями дизайна.

15 бесплатных аватаров доступнях в форматах SVG и Sketch от Анны Литвинюк.

Бесплатная коллекция из 70 самых необходимых иконок, доступных в форматах AI, Sketch и SVG.

Огромный набор иконок из дизайн-системы Google.

100 бесплатных векторных иконок с использованием градиента.

50 бесплатных нарисованных от руки иконок для придания вашему дизайну забавного и необычного вида.

Специальный набор на финансовую тематику.

233 иконки с открытым исходным кодом предназначенные для того, чтобы быть разборчивыми вплоть до 8 пикселей.

Премиум-иконки для использования в веб-приложениях, iOS, Android и настольных приложениях. Поддержка веб-шрифтов и SVG-графики. Полностью открытый исходный код.

Прекрасный набор из 12 иконок на медицинскую тематику.

100 бесплатных минималистичных иконок.

Очень полезный набор от талантливого дизайнера — Адриана Кокета.

300 иконок в трех вариациях: цветные, залитые и контурные.

Набор системных иконок нейтрального стиля с открытым исходным кодом.

100 бесплатных залитых иконок, которые идеально подходят для добавления контраста в интерфейс.

80 иконок, доступных в PSD и SVG от Абхимани Рана.

15 бесплатных контурных иконок в PSD и SVG от Лучиуса Чена.

Набор из 54 иконок разных форматов (AI, SVG).

48 бесплатных тонких иконок PSD и SVG форматов размеров в 32 пикселя.

Прекрасные минималистичные иконки SVG формата.

Бесплатные премиум иконки в SVG для вашего дизайна.

Более 90 перфективных иконок в различных цветовых схемах на ваш выбор.

Большой набор на бизнес тематику.

Простые залитые иконки, которые выглядят круто в любом размере.

Большой набор иконок жестов, который будет полезен при создании учебника.

24 медицинские иконки с чудесным двухцветным контуром.

7 технологических иконок отражающих идеи будущего

Источник: Pastel Blog

#бесплатно

#дизайн

#иконки

#наборы

#подборка

#ресурсы

#сайты

Лучшие бесплатные коллекции векторных иконок / Хабр

Привет, Хабр! Сегодня я хочу представить вам огромную коллекцию из 51 набора бесплатных векторных иконок. Да, есть потрясающие ресурсы Flaticon или Iconfinder, но бывают случаи, когда необходима именно группа иконок в едином стилистическом оформлении. Определиться с выбором, вам поможет эта подборка. Я старался собрать не как можно больше, а действительно самое лучшее.

Среди веб-разработчиков существует много споров о том, что лучше: иконочный шрифт или SVG спрайты? Четкого ответа на этот вопрос нет. Каждый выбирает свое. Данные наборы иконок вас неограничиывают в выборе, поскольку представлены в различных форматах: @font-face, SVG, EPS, AI, PSD, Sketch.

В целом данная подборка содержит более 10 000 иконок, охватывающих множество категорий: интерфейсы, технологии, наука, спорт, маркетинг, среда, транспорт и тд. Полые, заполненные, цветные, во Flat, Material, Elegant, Cartoon, Hand drawing стилях.

Responsive Icons (100 иконок, PSD, AI, EPS, SVG)

Icon-Works (130+ иконок, Webfont)

Feather (130 иконок, PSD, SVG, Webfont)

Linea (730+ иконок, SVG, Webfont)

Icony (100 иконок, SVG, PSD)

Free iOS Icons Pack (100 иконок, PSD, Webfont)

Touch Icons (340 иконок, PSD, AI, SVG)

Simple Line Icons (100 иконок, AI, EPS, SVG, PSD)

Themify Icons (320+ иконок, SVG и Webfont)

Elegant Line-Style Icons (100 иконок, AI, SVG)

Pixeden Icon Font Pack (170 иконок, Webfont)

Summer and Essentials Icon Set (50 иконок, EPS, AI, PNG)

Webicons (100 иконок, AI, EPS)

Stroke Icons (80 иконок, PSD, AI, Webfont)

Microns (231 иконок, SVG, Webfont)

Outlined Icons (150 иконок, PSD, SVG, AI, Webfont)

LineIconSet v1.

0 (200 иконок, EPS)

Someicons (153 иконок, EPS, SVG)

Universal Icons (100 иконок, SVG)

Flat Color Icons (300+ иконок, SVG)

Iconia (100+ иконок, Webfont)

Typicons (336 иконок, SVG, Webfont)

Geoph (80 иконок, AI, PSD)

Evil Icons (70 иконок, SVG)

Stroke Gap Icons (200 иконок, AI, PSD, SVG, Webfont)

Unigrid (100 иконок, AI)

Amenities (100 иконок, EPS, PSD)

Elegant Icons (360 иконок, Webfont)

Lightwing (60 иконок, Webfont)

Tonicons (500 иконок, EPS, Sketch, Webfont)

Epic Icons (1000+ иконок, Webfont)

Lynny Icons (900+ иконок, EPS, AI)

Helium (100 иконок, AI, EPS, SVG, Webfont)

Essential Icons (77 иконок, EPS, PSD, AI, SVG)

Dripicons (95 иконок, Webfont)

Cinema (200 иконок, SVG)

Open Iconic (200+ иконок, SVG, Webfont)

Twig (100+ иконок, SVG, Webfont)

MFG Labs Iconset (160+ иконок, Webfont)

PrestaShop Icons (300+ иконок, EPS, Webfont)

Subway (300+ иконок, Webfont)

Entypo (400+ иконок, Webfont)

Fundation Icons (100+ иконок, Webfont)

Ionic Icons (~750 иконок, Webfont)

Material Icons (~1000 иконок, SVG, Webfontg)

Font Awesome (1000+ иконок, Webfont)

Squid

Solid, Flat and Line Icons (150 иконок, EPS, AI, PSD, SVG)

Roundicons (60 иконок, PNG, SVG, EPS, PSD, AI)

Retinaicons (200 иконок, AI)

Swifticons (92*3 иконок, EPS, AI, PSD, Sketch SVG)

Ballicons 2 (36 иконок, PNG, SVG, PSD)

Больше спасибо всем за внимание.

50 лучших бесплатных наборов иконок для дизайнеров пользовательского интерфейса

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

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

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

Кураторская коллекция бесплатных наборов значков, которые мы предлагаем вам ниже, доступна в различных форматах (SVG, PSD, AI, EPS и веб-шрифты) и для различных приложений пользовательского интерфейса, таких как Sketch, Figma и Adobe XD. Все наборы можно загрузить бесплатно, и большинство из них позволяют использовать их как в личных, так и в коммерческих проектах, но, пожалуйста, проверьте лицензию перед использованием.

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

Содержание

Библиотеки значков с открытым исходным кодом
Бесплатные наборы глифов и пиктограмм
Наборы иконок Pure CSS
Бесплатные простые и минималистичные наборы иконок
Бесплатные красочные наборы иконок
Наборы иконок для дизайна материалов
Наборы иконок для графического и веб-дизайна
Наборы иконок электронной коммерции
Наборы значков погоды

Дополнительные наборы бесплатных иконок:

Бесплатные шрифты иконок для дизайна пользовательского интерфейса
Бесплатные наборы иконок для социальных сетей
Бесплатные наборы иконок флага страны
Бесплатные наборы иконок для способов оплаты
Бесплатные наборы иконок жестов для разработчиков приложений

Библиотеки значков с открытым исходным кодом

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

Bootstrap Icons

(1500+ значков с открытым исходным кодом, SVG, SVG Sprite и веб-шрифтов)

Значки Fluent

(4000+ значков с открытым исходным кодом, SVG 9ma & PNG, 9000, WEBP00) 0002

Иконки Sargam

(более 250 бесплатных иконок, SVG и Figma)

Иконки Iconduck с открытым исходным кодом

(195 000 бесплатных иконок, Figma)

900 900 s (3000+ бесплатных иконок, SVG и PNG)

Supercons React Iconset

(200 значков с открытым исходным кодом, SVG и React)

Героиконы 2.0

(292 бесплатных значка, SVG и Figma)

Glyphs Complete Icon Design System

(6000+ значков с открытым исходным кодом, SVG, Figma, веб-шрифты, Vue и React)

Коллекция Icono0058

(более 900 значков с открытым исходным кодом, SVG, веб-шрифты, React, Figma и Framer)

Набор иконок Boxicons для веб-дизайна

(более 1500 значков с открытым исходным кодом, SVG и веб-шрифт)

Бесплатные наборы значков глифов и пиктограмм

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

Freebie SWM Icon Pack

(300 бесплатных иконок, SVG и Figma)

Веб-сайт UI Thin Line Icons Pack

(60 иконок, элементы Envato, AI, EPS, PNG и SVG)

2 900 057 Iconic Pixel-Perfect Icons (620 бесплатных иконок, SVG)

Line Icons Expanded

(более 200 иконок, Envato Elements, AI, EPS, PSD и PNG)

9057 Xni Pack 09

(500+ бесплатных иконок, Figma, Sketch и Adobe XD)

Универсальный набор иконок

(60 бесплатных иконок, Figma, IconJar, SVG и PNG)

Glyph Neue

(1 9000+ бесплатных иконок, SVG0 и 1) 9006 и 1 9006 и 1 PNG, 9006 и 1 02

Иконки из гальки

(160 бесплатных иконок, пакет React, SVG и PNG)

Vuesax Icon Kit

(6000+ бесплатных иконок, Figma)

SV+ иконки

(бесплатные иконки ) и Фигма)

Библиотека круглых иконок Akar

(372 бесплатных иконок, SVG и веб-шрифты)

Majesticons

(700+ бесплатных иконок, Figma)

1 3

Dripicons v.

2 Free Icon Set (бесплатно, PSD, AI, EPS, PDF, SVG, Sketch, Webfont)

Dazzle Icons

(1680 бесплатных значков, SVG и Figma)

8.0090 8.0090 8.0090 Gonzocons , веб-шрифт )

Бесплатные наборы иконок Pure CSS

Эти наборы иконок были созданы полностью с использованием CSS без использования каких-либо изображений или JavaScript. Наборы предлагают масштабируемые, настраиваемые и быстро загружаемые наборы иконок для веб-дизайнеров.

Набор иконок Pure CSS

(бесплатно, CSS)

Iconoo Pure CSS Icon Pack

(бесплатно, CSS)

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

Lineicons

(500+ бесплатных иконок, веб-шрифтов, SVG, PNG и React)

Basicons

(326 бесплатных иконок, React Package & SVG)

2 90ex 8 (1000+ бесплатно Иконки, Figma)

Обычные линейные иконки пользовательского интерфейса

(56 иконок, элементы Envato, EPS)

Ripple Icon Library

(600 9

0, Figma)

Значки контура краев

(450+ бесплатных иконок, Figma)

Красочные иконки электронной коммерции

(50 иконок, элементы Envato, AI, EPS, PNG & SVG)

Бесплатные иконки 4 9057 Doodle с, SVG , PNG & Figma)

Минимальный пакет значков

(1800+ бесплатных значков, эскиз, Photoshop, AI, SVG, EPS и PNG)

Line Icons , SG

(100s AI, EPS, PNG)

Универсальные линейные иконки

(70 иконок, бесплатно, AI и Sketch)

Линии и сплошные иконки

(90 иконок, бесплатно, Sketch App и AI)

9 TinyControl-07 0

2 9 Iconset

(бесплатно, SVG)

20×20 Line Icon Set

(бесплатно, AI, Sketch)

Line Icon Set for Designers

EPS )

Бесплатные красочные наборы значков

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

Цветные иконки BlobsIcons

(328 бесплатных иконок, SVG)

Mex~Icons — набор иконок в мексиканской тематике

(бесплатно, AI, EPS и PNG) Colorful Fi

2 Иконы

(бесплатно, 120 иконок, PSD)

1000 плоских иконок Blobs

(бесплатно, AI, PSD и SVG)

Основанные на языке Google Material Design, эти красочные бесплатные наборы иконок и полностью принять эстетику плоского дизайна. Они предлагают последовательный и современный вид, который хорошо работает как на мобильных устройствах, так и в Интернете.

Значки материалов в Google Fonts

(более 2000 значков с открытым исходным кодом, SVG, PNG, веб-шрифты и Figma)

Иконки материалов

(бесплатно, эскиз)

Чтобы узнать больше о наборах иконок Material Design, взгляните на эту коллекцию.

25 иконок Design & Shapes

(бесплатно, AI, EPS, SVG, PNG)

Набор иконок для веб-дизайна

(50 иконок, элементы Envato, PSD, AI, Figma, Sketch & Affinity Designer)

Коллекция иконок Web Design Outline

(50 иконок, элементы Envato, PSD, AI, Figma, Sketch & Affinity Designer)

Бесплатный набор значков Art Tools

(бесплатно, AI, SVG, PNG)

Наборы значков электронной коммерции

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

Коллекция иконок для электронной коммерции

(150+ иконок, элементы Envato, EPS, AI, SVG и Affinity Designer)

Набор иконок для электронной коммерции

(40 иконок, элементы Envato, PSD, AI, Sketch & Figma)

Набор иконок компании

(50 иконок, бесплатно, AI)

0 3

Ретро Бизнес Иконки

(170 иконок, бесплатно, эскиз)

Smashicons Retro Business Icons

(бесплатное приложение AI и Sketch)

Набор иконок для электронной коммерции

и PSD (бесплатно) , PSD

60

Наборы значков погоды

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

Иконки погоды

(бесплатно, эскиз)

Жирный набор иконок погоды

(25 иконок, элементы Envato, Figma)

Иконки погоды (бесплатно,

Веб-шрифты8 )

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

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

Отзывы

Плюсы использования иконок
Лучшие пакеты иконок
Бонус!
- Создание приложений с помощью Flatlogic
Заключение

Об иконках

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

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

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

Плюсы использования иконок в вашем следующем дизайн-проекте UX

Значки помогают повысить читабельность сайта или приложения;
Хорошо сделанные значки помогают уменьшить объем текста. Их использование делает ваше сообщение понятным без текста;
Они придают индивидуальность вашему продукту;
Они могут стать хорошей отправной точкой для знакомства с продуктом;
И последнее, но не менее важное: одна из важнейших функций иконок — помогать пользователям интуитивно понимать приложение как при первом знакомстве, так и при последующем использовании.

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

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

Бесплатные иконки ;
Торговые площадки с наборами иконок. На торговой площадке представлены иконки разных авторов. Здесь можно найти как дешевые и дорогие, так и хорошие и некачественные товары;
Материальный значок наборов и Плоский значок наборов;
Наборы иконок CSS. Иконки CSS сделаны с использованием — угадайте, что — CSS. Чтобы их использовать, просто скопируйте код на свою страницу;
Иконочные шрифты. Согласно Pluralsight, иконочные шрифты — это настоящие шрифты, содержащие символы и глифы вместо букв или цифр. Они популярны среди веб-дизайнеров, поскольку их можно стилизовать с помощью CSS так же, как и обычный текст. Иконочные шрифты обрабатываются браузерами как текст, поэтому их необходимо нормализовать, чтобы избежать проблем со сглаживанием текста, и они поддерживаются почти во всех браузерах;
Значки SVG. Масштабируемая векторная графика (SVG) — это формат векторной графики на основе XML, который можно масштабировать до любого размера без потери четкости. Их можно отображать с помощью CSS, тегов объектов, тегов изображений или встраивать непосредственно в ваш HTML;
Глифы и пиктограммы наборов иконок.

Список лучших пакетов значков

Флэтикон

Веб-сайт: https://www.flaticon.com/
Форматы и типы: PNG, SVG, EPS, PSD и BASE 64, Marketplace
Цена и лицензия: Ограниченный бесплатный план и премиум-планы от 7,50 долларов США в месяц

Flaticon содержит полностью редактируемые векторы и может использоваться как для личных, так и для коммерческих проектов. FlatIcon содержит более 8 миллионов векторных иконок, сгруппированных в 203 091 пакет.

Продукт имеет расширение Adobe, которое позволяет легко импортировать значки в Photoshop, Illustrator и After Effects. Если вы хотите использовать веб-шрифт вместо статических файлов, Flaticon позаботится о преобразовании формата и сгенерирует веб-шрифт, готовый к использованию. Вы также можете настроить загруженные значки.

Ключевые факты:

Более 8,8 миллионов иконок;
Форматы SVG, EPS, PSD, CSS и PNG;
Иконочные шрифты, значки интерфейса, анимированные значки и наклейки
Adobe Extension for CC Suite;
Лицензия Linkshare с премиальными опциями; и
Новые пакеты значков добавляются каждый месяц.

Премиум-подписка с FlatIcon предоставит вам полные лицензионные права, доступ к эксклюзивному контенту, отсутствие рекламы, приложение MacOS и расширения Adobe, а также возможность создавать неограниченное количество коллекций.

Иконки для варенья

Веб-сайт: https://jam-icons.com/
Формат и тип: SVG, CSS
Цена и лицензия: Бесплатно, MIT

Jam — это набор из 896 иконок ручной работы. Этот пакет значков поставляется как с версиями SVG, так и со шрифтами. Значки можно использовать в виде файлов SVG в веб-проектах, проектах печати или разработки приложений. Вы также можете использовать их в качестве шрифта с заданными таблицами стилей CSS. Есть размеры 16px, 24px и 32px. Вы также можете выбрать заливку или обводку значков.

Набор значков Fontisto

Веб-сайт: https://fontisto.com/
Формат и тип: CSS
Цена и лицензия: Бесплатно, MIT

Fontisto — это набор векторных иконок. Их можно мгновенно настроить: размер, цвет, тень и все, что можно сделать с помощью CSS. Продукт не требует Javascript. Иконки Fontisto являются векторными, а это значит, что они будут хорошо смотреться на мониторах с высоким разрешением.

На веб-сайте вы можете найти полную документацию и различные руководства по запуску и настройке продукта. Вы можете начать пользоваться продуктом, просто разместив ссылку на своем веб-сайте. Кроме того, вы можете использовать Fontisto с менеджерами пакетов, которые вам подходят: npm, yarn, bower и т. д.

Иконскаут

Веб-сайт: https://iconscout.com/icons
Формат и тип: SVG, PNG, ICO, ICNS, EPS, AI, PDF

Iconscout — это ресурс, содержащий более 2,9 миллионов векторных иконок. Их диапазон категорий невероятен, независимо от того, какой вид вы ищете, вы всегда найдете его на Iconscout. Они бывают самых разных стилей: контурные, сплошные, цветные контурные, нарисованные от руки и многие другие.
Они также предоставляют интегрированные инструменты, плагины и редакторы. Вы можете настроить и преобразовать свои значки, не выходя из Iconscout.

Ключевые факты:

2,9 млн. иконок, более 30 тыс. иллюстраций, более 3 тыс. 3D-ресурсов, 2,8 тыс. анимаций Lottie;
5000+ активов добавляются каждый день;
Приложение Iconscout доступно для использования прямо с панели инструментов;
Интегрированные плагины и инструменты, такие как редактор значков и конвертер значков.

Иконмонстр

Веб-сайт: https://iconmonstr.com/
Формат и тип: SVG, EPS, PSD и PNG, торговая площадка
Цена и лицензия: Бесплатно

Коллекция иконок Iconmonstr насчитывает более 4400 иконок. Каждый набор значков предлагает как контуры, так и заполненные версии графики, чтобы их можно было использовать для различных дизайнерских приложений. Каждая иконка на этом сайте доступна бесплатно, а файлы иконок доступны в таких форматах, как SVG, AI, PSD и PNG. Файлы можно использовать в бесплатных и коммерческих целях.

Iconmonstr упрощает поиск значков с помощью мощной функции поиска. Вы даже можете сохранить свои любимые значки в личной коллекции для использования в будущем.

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

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

Библиотека иконок материалов Pixsellz

Веб-сайт: https://icons.pixsellz.io/
Формат: SVG, EPS, PSD, PNG, FIG, Material design
Цена и лицензия: Бесплатно, Apache License Version 2.0

Огромный набор из более чем 1000 иконок, разделенных на 16 разных категорий. Бесплатный пакет значков вдохновлен дизайном материалов и представлен в трех различных визуальных стилях — округлый, контурный и двухцветный. Набор доступен в 6 различных форматах файлов, поэтому вы можете использовать значки в предпочитаемом вами программном обеспечении для дизайна.

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

3 стиля,
стилей Figma,
1000+ значков,
24×24 пикселей,
стилей и символов эскиза,
16 категорий и
6 форматов файлов.

Опечатка

Веб-сайт: http://www. entypo.com/
Формат и тип: SVG
Цена и лицензия: Бесплатно, Creative Common License 4.0

Entypo — это семейство иконок SVG, тщательно созданное несколько лет назад Даниэлем Брюсом в Швеции. Эти значки превосходны: когда дело доходит до халявы, они на первом месте. Продукт поставляется в формате SVG с 411 иконками, бесплатно с лицензией Creative Commons.

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

Злые значки

Веб-сайт: https://evil-icons.io/
Формат и тип: SVG, Sketch
Цена и лицензия: Бесплатно, MIT

Этот пакет абсолютно огромен и включает в себя все, включая SVG и оригинальные исходные файлы. Это означает, что вы можете загружать SVG вместе с файлами для Illustrator и файлами .sketch для Sketch.

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

Значки Streamline

Веб-сайт: https://streamlineicons.com/
Формат и тип: ICONJAR, SKETCH, FIG, XD, SVG, AI, PDF, PNG
Цена и лицензия: Бесплатно до $411

Streamline Icons — еще один приятный и адаптируемый бесплатный набор иконок на веб-рынке. Инструмент организован в 53 категории с более чем 30000 векторных иконок.

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

У компании есть собственное веб-приложение, которое помогает просматривать, искать и загружать иконки прямо из браузера.

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

организовано более 30000 векторных иконок;
Smart Strokes для изменения толщины контура;
Форматы Sketch, AI, EPS, PDF, PNG, SVG;
веб-приложение для поиска и редактирования значков;
Каждый значок в Streamline 3. 0 имеет три уникальных веса: светлый, обычный и полужирный.

Смэшиконы

Веб-сайт: https://smashicons.com/
Формат и тип: JAR, SVG, AI, SKETCH, Marketplace
Цена и лицензия: Бесплатно до $149

Smashicons предлагает обширную коллекцию с более чем 219000 иконок в своей библиотеке. Smashicons работает немного иначе, чем другие: их цена основана на месячном плане 5 долларов в месяц. Это означает, что за 5 долларов в месяц вы получаете доступ ко всей их коллекции, а также к любым будущим значкам, которые они выпустят.

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

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

Иконки8

Веб-сайт: https://icons8. com/
Формат и тип: SVG, PNG, PDF
Лицензия и цены: Лицензия Good Boy, бесплатно до $24 в месяц

Набор иконок от Icons8 включает более 120000 иконок, которые охватывают несколько категорий; от бизнеса и офиса до людей, еды и социальных сетей. Они предназначены для имитации внешнего вида конкретной операционной системы. Вы можете скачать их в версиях для Windows, iOS и Android.

Значки работают с Sketch, Photoshop и Xcode. Вы можете использовать веб-редактор перед загрузкой значков в вашу систему.

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

Форматы SVG, PNG и HTML;
значков, доступных в различных стилях, таких как значок линии, значок с заливкой и полноцветный;
все можно скачать в формате .zip;
редактировать перед загрузкой;
как бесплатные, так и платные варианты подписки.

Икомун

Веб-сайт: https://icomoon. io/
Формат и тип: SVG, PNG, PDF
Лицензия и цена: Бесплатно до $139 в месяц

Icomoon представляет собой полноценный инструмент для создания иконок и управления ими. Продукт имеет качественное решение для редактирования и управления иконками. Иконки Icomoon созданы вручную на сетке 16X16 и доступны в форматах SVG, EPS, PSD, PDF и AI. Набор иконок также постоянно обновляется его создателями.

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

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

комплексные инструменты управления значками,
бесплатные и платные варианты загрузки,
широкий выбор форматов загрузки,
бесплатные и простые обновления.

Глифиш Icon Pack

Веб-сайт: http://www. glyphish.com/
Формат и тип: SVG, PNG, PDF, PSD, Glyph, Icon font
Лицензия и цена: Creative Common Attribution, 99 долларов США на всю жизнь

Glyphish предлагает множество различных пакетов значков. Каждый пакет поставляется в различных форматах, включая PNG, SVG, PSD и AI. Пакет значков доступен за 99 долларов. Бесплатная демоверсия включает 50 иконок. Все может быть легко отредактировано дизайнерами.

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

иконки для нескольких платформ: iOS, Android, Web, Windows;
набор из 50 бесплатных иконок;
простое перетаскивание в Xcode;
значков, специально подобранных для дисплеев Apple Retina.

Иониконс

Веб-сайт: https://ionicons.com/
Формат и тип: SVG и веб-шрифт, шрифт Icon
Лицензия: MIT

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

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

совершенно бесплатно,
простая настройка путем копирования и вставки ссылки,
поставляется в виде веб-шрифта,
настраиваемых размеров,
более 1100 элементов.

Значки угловых материалов

Веб-сайт: https://material.io/resources/icons/?style=baseline
Формат и тип: SVG, Webfont, Material design
Лицензия и цены: Бесплатно, Лицензия Apache 2.0

Material Icon — это бесплатный набор значков от Google. Чтобы обеспечить удобочитаемость и четкость, эти значки были оптимизированы, чтобы они отлично выглядели на всех платформах и дисплеях. Эти значки материалов абсолютно бесплатны и доступны на GitHub. Этот пакет значков абсолютно огромен и содержит более 1000 элементов, охватывающих широкий спектр функций интерфейса.

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

Линеариконс

Веб-сайт: https://linearicons.com/
Формат и тип: SVG, веб-шрифт, иконочный шрифт
Лицензия и цена: Бесплатно для 59 долларов, Common Creative License

Linear Icon Pack — один из самых популярных и лучших пакетов значков для личных или коммерческих целей. Пакет линейных значков поставляется как в бесплатной, так и в премиальной версиях. Бесплатная версия этого удивительного пакета значков распространяется под лицензией Creative Common. Существуют также различные пакеты, которые вы можете выбрать для своих нужд, например, Desktop Package.

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

CDN CloudFront;
доступна бесплатная версия;
поставляется в различных форматах: SVG, PDF, Webfont.

Перья

Веб-сайт: https://feathericons.com/
Формат и тип: SVG, Webfont, Iconfont
Лицензия и цены: Бесплатно, лицензия MIT

Feather — один из самых популярных наборов иконок с открытым исходным кодом. Это иконки с открытым исходным кодом, разработанные на сетке 24×24. Они доступны в формате SVG. Он находится под лицензией MIT, и в открытом исходном коде имеется около 250+ иконок.

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

Иконфайндер

Веб-сайт: https://www.iconfinder.com/
Формат: SVG, PNG, ICO, Marketplace
Лицензия и цены: От 9 до 49 долларов в месяц

Iconfinder — один из самых популярных ресурсов иконок в сети. Он предлагает более 4 миллионов значков, предоставляя пользователям различные параметры поиска, включая формат значков, цену, размер, фон и т. Д. Существует несколько планов ежемесячных платежей — от 9 долларов.до 49 долларов. Вы также можете выбрать систему «оплата по мере использования».

Файлы значков

доступны в форматах SVG, PNG, ICO, ICNS и Adobe Illustrator, а их размеры варьируются от 16×16 до 512×512. Вы также можете поработать с некоторыми из лучших дизайнеров сайта, если не можете найти что-то, что вам нравится, или просто хотите создать собственные значки, разработанные специально для вас и вашего бренда.

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

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

Проект «Существительное»

Веб-сайт: https://thenounproject. com/
Формат и тип: SVG, PNG, Marketplace
Лицензия и цены: Лицензия Creative Commons, От $39,99

The Noun Project предлагает одну из самых больших библиотек иконок, доступных в Интернете. Большинство иконок этого сайта доступны в форматах SVG и PNG, а также в черно-белом стиле.

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

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

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

более 150 000 иконок;
Форматы SVG, PNG;
средства поиска и обнаружения;
Creative Common License с премиальными опциями;
бесплатных и платных вариантов загрузки;
новых иконок загружаются почти ежедневно.

Иконки Fontawesome

Веб-сайт: https://fontawesome.com/icons
Формат и тип: SVG, PNG, Icon font, Marketplace
Лицензия и цены: SIL OFL 1.1

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

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

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

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

Линейные иконки

Веб-сайт: https://lineicons.com/
Формат и тип: SVG, Веб-шрифт, Иконочный шрифт
Лицензия и цены: Бесплатно

LineIcons также предоставляет бесплатный CDN с четкой документацией, которая упрощает начало работы.

Этот пакет значков абсолютно бесплатный и содержит более 450 значков линий. Он охватывает все основные значки, необходимые для проекта, из разных категорий. LineIcons также предоставляет бесплатный CDN и понятную документацию для легкого начала работы. Он поставляется с двумя различными масштабируемыми пакетами — файлами WebFonts и SVG, которые вы можете использовать в зависимости от потребностей вашего проекта.

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

450+ бесплатных иконок,
SVG-файлы,
Web Font Ready,
бесплатный CDN.

Бонус!

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

Иконки Linea

Веб-сайт: https://linea.io/

Форматы: SVG, PNG

Linea — огромный центр иконок. У них есть множество категорий, таких как бесплатные базовые значки, линейные значки, бесплатные значки электронной коммерции и так далее. У них одна из самых богатых коллекций бесплатных иконок. Если бы нам пришлось выделить главный минус коллекции Linea, мы бы сказали, что это отсутствие разнообразия. Все значки здесь имеют одинаковый стиль, что может быть проблемой, если вы планируете запустить второй продукт с совершенно другим стилем. Однако, поскольку значки доступны в формате .png и других форматах, поддерживающих прозрачный фон, их внешний вид сильно меняется в зависимости от фона. Нам понравился характерный рисованный стиль иконок Linea. А учитывая, что большинство их пакетов бесплатны, вам обязательно стоит попробовать Linea.

Особенности:

Бесплатный доступ
Уютный рисованный вид
Различные коллекции, такие как электронная коммерция, стрелки, музыка и т. д.

Создание приложения с помощью Flatlogic

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

Большинство приложений можно воспроизвести, используя различные комбинации одних и тех же частей. Это то, что мы сделали с платформой Flatlogic. Мы сократили разработку приложений до нескольких вариантов. Далее мы увидим, что они из себя представляют.

#1: Выберите имя

Эта часть говорит сама за себя

#2: Соберите стопку

Выберите базовые технологии для интерфейса, сервера и базы данных. Минимального исследования каждого варианта должно быть достаточно.

#3: Выберите дизайн

Вы увидите несколько вариантов дизайна. Выберите тот, который вам наиболее удобен. Вероятно, вы потратите много времени на его просмотр.

№4: выберите схему базы данных

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

#5: просмотр и создание

На этом этапе вы сделаете именно это: проверьте, все ли параметры верны, и сгенерируйте приложение.