Значки для сайтов: Векторные иконки и стикеры — PNG, SVG, EPS, PSD и CSS

Скачиваем иконки для презентаций

Бесплатное хранилище с почти 200 000 иконок. Скачайте в форматах PNG/ SVG. Дополнительных установок не требуется. Даже регистрация не нужна. Фишка: позволяет перед загрузкой покрасить иконки в нужный цвет, это супер-удобно при создании презентации.

Одно из самых больших хранилищ бесплатных иконок: пиктограммы добавляют каждый день. Иконки доступны в форматах PNG/ SVG. Скачивайте бесплатно, но с обязательным упоминанием авторства. Или покупайте иконки поштучно. Ещё можно купить тариф NounPro за $ 39,99 в год.
В приложении Pro для Mac все иконки доступны буквально с рабочего стола. Тариф дает возможность безлимитного использования иконок без указания авторства. Pro позволяет еще и менять стиль иконок по своему вкусу.

Хранилище с дружелюбным интерфейсом на русском языке: почти 70 000 бесплатных иконок по стилям, популярности, теме и цвету. Главная особенность: приложение для веба, Мака и Windows, из которого можно просто перетаскивать иконки в Photoshop, Adobe XD, Visual Studio. Перед скачиванием можно менять цвет иконок. Помимо иконок сайт предоставляет бесплатные иллюстрации, музыку и фото.

2 000 0000+ иконок, 400+ сетов, 30+стилей. Можно выбрать русский язык. Для личного и коммерческого использования бесплатно — во втором случае придется указать ссылку. В бесплатном пакете размеры до 72 пикселей и нет исходных файлов. Чтобы пользоваться без ограничений, подписывайтесь на год за $ 79.

Ещё одна русскоязычная — и внушительная — коллекция из 638 наборов иконок, которые поделены на два блока по категориям и стилям. Ищите нужные по запросу, фильтруйте тремя способами — по цвету фона, размеру и цвету рисунка. Формат в основном PNG и\или ICO, реже — SVG. Иконки бесплатные, но проверяйте лицензию: некоторые нельзя использовать в коммерческих целях.

Больше 1 000 000 иконок, но самые интересные — платные. Хотя бесплатная база немаленькая, она предлагает в основном стандартные изображения. Зато можно скачать объёмные иконки (но лучше не стоит). Мы подготовили видеоурок о том, как искать иконки на Iconfinder.

Фишка этого ресурса с иконками — простота интерфейса. Иконки можно загружать в форматах PNG/ SVG. Главный минус — скудный выбор. Например, иконок на рандомно введённые «sea», «luck», «doctor», «couple» просто нет. Так что на iconmonstr идите за простотой поиска и скачивания и самыми элементарными запросами. Смотрите наш видеоурок, о том как работать с этим ресурсом.

Ресурс с непростым интерфейсом не похож на другие архивы иконок. Нет даже поисковой строки. Зато есть приложение с наборами иконок, которое работает оффлайн. Но если с приложением «всё сложно», то с разделом Icon Packs — наоборот. Нажмите Icomoon и сможете скачать бесплатно на ПК архив из 490 стандартных иконок. Очень пригодится, если делаете простую презентацию и не хотите искать каждую отдельную иконку.

Архив из 500 000 бесплатных иконок. Создан в 1994 году, что видно по дизайну сайта. Ищите иконки по цветам, сохраняйте понравившиеся прямо на сайте и загружайте в форматах PNG, ICO, ICNS.

Ресурс, где можно найти бесплатные иконки и стоковые векторные иллюстрации с лицензией Creative Commons: разрешается коммерческое использование с упоминанием авторства. При переходе на премиум подписку указания авторства не требуется. Подписка дает доступ к гораздо большему количеству изображений, в том числе векторов. Цена — $ 11.99 в месяц или $ 99 в год.

Редактор, который распознаёт, что вы хотели нарисовать, и предлагает более симпатичный вариант. Гораздо более симпатичный. Окрашивайте рисунки, меняйте их размер, добавляйте текст и геометрические фигуры. Получившийся рисунок можно скачать или сохранить в программе для дальнейшего использования. Бесплатно.

Коллекция бесплатных черно-белых иконок в PNG и SVG, которых, согласно названию, бесконечно много. Фильтруется сетами и тематическими тегами. Используйте в личных и коммерческих целях.

На сайте заявлено, что иконки «с характером». Понравятся любителям геометрии: все 3 600 иконок созданы из треугольников, квадратов, шестиугольников, прямых и ломаных линий. Представлены в форматах SVG, PDF, AI, SKETCH, EPS и ICONJAR. Использовать уже существующие иконки можно бесплатно. Бесплатная версия также предлагает 100 векторный иконок. Чтобы получить больше можно выбрать один из двух планов подписки: 12 000 векторных иконок за $ 194 и 31 500 иконок за $ 274.

Создатели сайта называют себя «самым большим в мире хранилищем иконок для материального дизайна» — 4000+ иконок для разработки приложений и веб-сайтов по руководствам Гугла. Форматы AI, SKETCH, SVG, PDF. PNG не представлен: не редактируется — значит, бесполезен. Бесплатно только 350 штук, 1650 можно купить за $ 67, 4000 — $ 127. Зато все иконки в двух версиях — контурные и заливные — и при оплате пользователь получает в два раза больше

20 наборов. Платные и бесплатные перемешаны, выбирайте внимательно. Список фильтруется по дате загрузки, количеству лайков и скачиваний. Форматы в сетах отличаются — в одних только PSD, в других AI и EPS, в третьих AI, EPS, PNG, SVG. Технические характеристики даны в конце, будьте внимательны.

Ещё одна библиотека минималистичных монохромных иконок, 800+. Пригодятся в разработке сайтов, инфографики мобильных приложений. Базовый набор в одном формате и минимальном размере бесплатно, остальное — $ 99.

«Чернила Кальмара» — это 2000 векторных плоских иконок в 5 форматах (EPS, PSD, PNG, SVG и AI) по 17 категориям. Но бесплатно всего 50 штук, остальные обычно за $ 65, иногда бывают акции.

Бесплатные наборы присылают на почту при подписке, но если используете иконки для массового коммерческого продукта, ставьте ссылку. За всю коллекцию 35 000+ нужно один раз заплатить $ 99. Обновления при этом бесплатные.

375 бесплатных иконок от испанского дизайнера Марио в EPS, PSD, PNG, SVG и SKETCH. Меняйте цвет, размер и элементы, адаптируйте иконки под задачи. Скачать по одной штуке нельзя, только единым архивом. Сайт на английском, испанском и французском.

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

Дизайнер-иллюстратор Агата из Польши рисует иконки от руки, а потом оцифровывает. 33 сета от 60 до 250 иконок на темы от обучения до кулинарии стоимостью от 0 до $ 24. Доступны в SVG и PNG форматах.

Как создавать и тестировать иконки, понятные пользователям?

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

Точно ли пользователи воспринимают ваши иконки именно так, как вы задумали?

Иконки — это крошечные иллюстрации, поэтому легко упустить из виду, как много они на самом деле значат для понимания продукта. Мы считаем само собой разумеющимся, что большинство пользователей знакомы с популярными иконками, такими как шестеренка (“Настройки”) или колокольчик (“Уведомления”).

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

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

Дисклеймер: Эта статья предназначена для дизайнеров, которые хотят провести собственные исследования. Если вы профессиональный исследователь, вам она, вероятнее всего, покажется слишком примитивной.

Прежде чем мы начнем

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

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

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

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

1. Почерпнуть идеи из ответов пользователей

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

Пример вайрфрейма, подходящего для вопросов такого типа.

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

Исходя из этого, я подготовил пример вопроса для данного сценария. Смело копируйте его, вносите необходимые изменения и вставляйте в свой собственный опрос.

Перед вами интернет-магазин модной одежды с открытым меню. Над заголовками разделов размещены маленькие символы, которые задают контекст и отражают их значение. Например, над разделом «Домашняя страница» изображен дом, а над разделом «Поиск» — лупа. Иконка раздела «Спецпредложения» (Deals) скрыта за красным вопросительным знаком. Какой символ вы бы ожидали здесь увидеть?

Скорее всего, в ответ на такой открытый вопрос вы получите несколько ответов низкого качества, но это не страшно! Зафиксируйте повторяющиеся шаблоны и разработайте новые варианты иконок на их основе.

2. Спросите, что, по их мнению, это значит

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

Для каждого вопроса нужен только скриншот иконки в реальном размере

Вот подходящий вопрос для этого сценария — он короткий и дает достаточно информации, не подталкивая участников в какому-то конкретному ответу:

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

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

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

Например, в случае с иконкой «Спецпредложения» участники могут ответить «распродажа», «скидки» или «акция», и все эти ответы будут приемлемы.

3. Сравните самые удачные иконки

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

В этом вопросе мы показываем пользователю все иконки сразу.

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

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

4. От большего числа вариантов к меньшему

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

Благодаря этим трем вопросам мы определим самую сильную концепцию с самым эффективным визуальным дизайном

Вопрос 1

Покажите несколько версий одного решения (например, звезды) и спросите, какое из них лучше всего отражает смысл:

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

Вопрос 2

Повторите этот вопрос, но покажите разные версии другой иконки (в нашем примере — бирки).

Вопрос 3

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

5. Убедитесь, что все работает

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

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

Меню без текстовых меток заставляет участника задуматься о том, что означает каждая иконка.

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

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

Хорошая практика — задать участникам дополнительные вопросы о том, насколько успешно они справились с заданием и насколько сложным оно им показалось, по окончании тестирования. Мы можем сделать это с помощью шкалы Лайкерта, которая позволяет оценить результаты по шкале от 1 до 7.

Дополнительный вопрос 1 — уверенность

Насколько вы уверены в правильности своего выбора?

Дополнительный вопрос 2 — сложность

Насколько легко, по вашему мнению, было найти кнопку «Спецпредложения»?

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

Что теперь?

Хотя данное руководство предполагает определенную последовательность действий, реальность вносит свои коррективы — иногда смысла соблюдать хронологический порядок не будет. Возможно, вы обнаружите, что вам необходимо вернуться на шаг или два назад, потому что в опросе не было явного «победителя».  

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

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

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

The Noun Project

https://thenounproject.com/

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

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

flaticon

http://www.flaticon.com/

Еще один веб-сайт с иконками — Flat Icon. Хотя их дизайн не совсем соответствует уровню проекта The Noun, он все же выделяется среди всех другие конкуренты.. Качество по-прежнему довольно хорошее по сравнению с Noun Project, и я нахожу его полезным, поскольку стиль иконок здесь отличается от любого другого из их конкурентов.

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

Dribbble

https://dribbble.com/

Dribbble — мой лучший веб-сайт для вдохновения, будь то дизайн веб-сайтов, брендинг или что-то конкретное, например значки. Я очень люблю Dribbble! Я сделал несколько сообщений в блоге о своей любви к нему и использую его почти два раза в день, каждый день. Я регулярно публикую свою работу и некоторые закулисные работы, и мне нравится просто прокручивать, хотя время от времени.. Простой поиск Иконография содержит множество высококачественных работ со всего мира.. хотя их нельзя использовать в качестве бесплатных иконок, они помогают получить представление о том, что мне нужно для обеда, или о стиле, который я должен использовать при поиске бесплатных иконок.. A инструмент, без которого я не могу жить!

Behance

https://www.behance.net/

Как и Dribbble, Behance.net — это веб-сайт онлайн-портфолио, на котором много вдохновения. Я использую его вместе с Dribbble для вдохновения, но самое лучшее в Behance — это то, что множество бесплатных ресурсов, которые только и ждут, чтобы их использовали! Я могу легко найти бесплатные наборы значков для использования в своих проектах. Некоторые даже настолько специфичны, что я могу легко использовать один набор для всего проекта, что экономит время, а также сохраняет согласованность значков, придавая моим проектам профессиональный вид.

Iconmonstr

https://iconmonstr.com/

Iconmonstr похож на мой лучший выбор, очень прост в использовании… прост, и мне это нравится!

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

Бонус

И поскольку я не смог сохранить свой список до 5, вот еще один действительно полезный веб-сайт, который занял 6-е место в моем топ-5 сайтов с бесплатными иконками

Icons8

https://icons8.com/

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

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

Vecteezy

https://www.vecteezy.com/free-vector/icons

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

Fontawesome

https://fontawesome.com/

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

linearicons

https://linearicons.com/free

Подобно Font Awesome, это еще один набор иконок на основе шрифта. .

Streamline

https://www.streamlinehq.com/

Имея более 100 000 иконок в своей библиотеке, Strealine — еще один бесценный ресурс при поиске набора иконок для веб-сайта или проекта брендинга.

Вот мои 5 (плюс 5 😅) любимых сайтов с бесплатными иконками, которые я использую больше, чем хочу признать. Иконки играют огромную роль в мире дизайна и играют неотъемлемую роль в том, что я делаю изо дня в день, создавая дизайн UI/UX или брендинг. Таким образом, веб-сайты с бесплатными ресурсами, подобные приведенным выше примерам, являются фантастическими и высоко ценятся.

20 лучших веб-сайтов для загрузки иконок — бесплатные, премиум, плоские, 3D

Содержание

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

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

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

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

Flaticon

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

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

Вы можете скачать иконки в форматах PNG, SVG, EPS и PSD.

Лицензия: Бесплатные пользователи должны указывать дизайнеров при использовании иконок. Премиум-пользователи могут использовать их без указания авторства.

Тарифные планы: Пользователи должны платить 9,99 евро в месяц или 89,99 евро в год.

DryIcons

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

Вы можете скачать иконки в формате SVG.

Лицензия: Вы можете использовать доступные иконки с указанием авторства.

Icons8

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

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

Иконки доступны в формате PNG для бесплатных пользователей. Для версий SVG и PDF вам необходимо приобрести премиум-план.

Вы можете скачать 64px в качестве размера по умолчанию. Для 128 пикселей, 256 пикселей и 512 пикселей вам необходимо разблокировать их. Удивительно, но у вас есть возможность получить размер от 1 до 100 пикселей бесплатно.

Лицензия: Бесплатные пользователи должны указывать автора при использовании значков, что не требуется для премиум-пользователей.

Тарифные планы: План начинается с 13 долларов США в месяц за 100 загрузок в месяц плюс 0,20 доллара США за значок после.

Font Awesome

Font Awesome — один из лучших веб-сайтов для встраивания иконок непосредственно в ваши проекты. Вам просто нужно скопировать HTML-код. С более чем 7000 значков и сотнями категорий вы можете быстро получить любой значок, необходимый для вашего веб-дизайна.

Вы можете скопировать и вставить код HTML или загрузить SVG.

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

Лицензирование: Бесплатные пользователи должны указывать автора. Однако с профессиональной лицензией вам не нужно атрибутировать и вы можете получить доступ к большему количеству значков.

Тарифные планы: Бесплатная лицензия дает вам доступ только к 1608 значкам с 10 000 просмотров страниц в месяц. С профессиональной версией вы можете загрузить 7 864 значка с большим количеством стилей, 1 миллион просмотров страниц в месяц и т. д. за 9 долларов.9 в/год.

Noun Project

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

Вы можете скачать иконки в форматах PNG и SVG в черно-белом стиле.

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

Тарифные планы: Помимо бесплатной версии, пользователи могут выбрать тарифные планы Pro, NounPro Unlimited Individual и NounPro Unlimited Team.

• Pro: 2,99 долл. США за значок
• Безлимитный NounPro Индивидуальный: $39,99/год
• NounPro Unlimited Team: $39,99 за пользователя в год

Freepik

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

Вы можете скачать иконки в форматах SVG, EPS, PNG и PSD.

Лицензирование: Пользователи должны отдавать должное автору, в отличие от премиум-пользователей.

Тарифные планы: Ежемесячная премия начинается с 6,99 евро, а годовая – с 89,99 евро.

Iconscout

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

Вы можете скачать иконки в форматах SVG, PNG, EPS, AI, ICO и ICNS.

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

Тарифный план: Помимо бесплатного плана, пользователь может обновить свою подписку на Icons всего за 7,99 долларов США в месяц и на All Access всего за 9,99 долларов США в месяц с неограниченным количеством загрузок, расширенными цветами, плагинами, анимацией и т. д.

Google Fonts

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

Наиболее значительным преимуществом Google Fonts является выбор значков для Интернета, Android, iOS и Flutter.

Кроме того, вы можете выбрать размер и плотность иконок.

Иконки доступны в черном и белом цвете. Помимо копирования и вставки кода, вы можете скачать их в форматах SVG и PNG.

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

Тарифные планы: Бесплатно.

UXWing

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

Кроме того, вы можете настроить существующую иконку или создать новую с помощью встроенного редактора. Кроме того, вы можете запросить новую иконку.

Вы можете скачать иконки в форматах PNG и SVG.

Лицензирование :   Указание автора необязательно. То есть, хотите ли вы дать кредит или нет, зависит от вас. Однако вы не можете претендовать на право собственности или перепродавать значки.

Цена: Вы можете использовать значки навсегда для личного или коммерческого использования.

Lord Icon

Если вы любите анимированные значки, то Lordicon — лучший сайт для вас. Он содержит 1700 (280 бесплатных и 1420 премиальных) мощных, чистых и плавно движущихся иконок. Предлагая на выбор более 30 категорий, он предоставляет высококачественные значки.

Кроме того, встроенный редактор для настройки значков является огромным плюсом. Кроме того, вы можете просматривать настроенные значки в режиме реального времени.

Значки доступны в форматах GIF, MP4, WEBP, APNG, Static SVG и Static PNG, JSON (Lottie). Кроме того, вы можете скопировать код на свой сайт. Интересно, что вы можете добавить цвет фона или сделать его прозрачным, а также изменить размер и задержку перед загрузкой. Также вы можете скачать исходные файлы (JSON, SVG, EPS и AE Project).

Лицензирование: Бесплатные пользователи должны иметь атрибут Lordicon.

Тарифные планы: Помимо бесплатной версии, пользователи должны платить 8 долларов в месяц за план Pro.

iconmonstr

iconmonstr — один из лучших сайтов для загрузки и сохранения иконок без какой-либо регистрации. Он известен своим простым дизайном, бесплатными и качественными иконками.

Значки доступны в черно-белом цвете в форматах SVG, EPS, PSD, PNG и Font.

Лицензия: При использовании иконок указание автора не требуется. Но вы не можете перепродать или претендовать на право собственности.

Тарифные планы: Значки можно использовать бесплатно навсегда.

Good Stuff No Nonsense

Good Stuff No Nonsense — это веб-сайт с множеством нарисованных от руки высококачественных иконок, созданных Агатой, иллюстратором и дизайнером из Польши. Единственным недостатком этого сайта является то, что вы не можете искать определенный значок. Он содержит коллекции значков, разделенных на категории для бизнеса, спорта, кулинарии, образования и т. д.

Вы можете скачать значки в форматах PNG, SVG, EPS, AI и PDF.

Лицензия: Пользователи могут использовать иконки без указания авторства. Но перепродать их нельзя.

Тарифные планы: Помимо бесплатного пакета, вы должны заплатить за премиальную коллекцию иконок.

Pixeden

Как и Good Stuff No Nosense, Pixedens содержит коллекции иконок. Вы можете найти сотни наборов иконок на Pixeden. Они доступны в различных размерах и цветах.

Вы можете скачать иконки в форматах AI, PNG, EPS и PSD.

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

Тарифные планы: Помимо бесплатного пакета, вы должны платить 10 долларов США в месяц или 96 долларов США в год (одноразовый платеж, без продления) или 72 доллара США в год (регулярное выставление счетов, автоматическое продление). Каждый план дает вам неограниченное количество загрузок.

4 лучших веб-сайта для загрузки 3D-иконок

Бесплатная 3D-иконка

Если вам нужны 3D-иконки, тогда лучше всего подойдет Free 3D-иконка. Он содержит чистые, красивые и трендовые значки.

Предлагает сотни 3D иконок. Однако единственным недостатком является то, что вы можете не получить все значки, которые ищете.

Вы можете скачать иконки в формате PNG.

Лицензирование: Авторство иконок указывать не обязательно.

Тарифные планы: В бесплатной версии вы получаете один ракурс камеры, два файла формата PNG и стиль Matte. В премиальном плане вы должны купить каждый значок за 0,99 доллара США, содержащий три ракурса камеры, 12 файлов PNG, стиль Matter и Glossy, один исходный файл OBJ и один файл Figma.

Iconfinder

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

В Iconfinder вы можете найти как трехмерные, так и плоские значки. Они бывают разных размеров и форматов.

Значки доступны в форматах AI, PNG, SVG, ICO и ICNS.

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

Тарифные планы: Бесплатный план содержит более 300 тысяч значков и иллюстраций. Оплата по мере использования начинается с 2 долларов за значок, а подписка Pro — за 4,5 доллара в месяц.

Freeicons.io

Freeicons.io — одна из крупнейших торговых площадок для 3D и плоских иконок. Их можно использовать бесплатно. Они бывают разных размеров от 64 до 512 пикселей. Более того, они время от времени обновляются, что позволяет пользователям получать новые значки в соответствии со своими потребностями. Кроме того, вы можете просматривать значки по категориям и стилям.

Значки доступны в форматах PSD, AI, SVG, PNG, EPS и Base 64.

Лицензия: Вы можете использовать иконки, указав их авторов.

Тарифные планы: Вы можете использовать бесплатные версии. Однако есть ограничение на загрузку. Вы можете попробовать неограниченную версию для неограниченных загрузок за 34 доллара в месяц для 25 участников. Помимо этого, вы можете выбрать план Micro за 10 долларов в месяц для одного пользователя с 10 загрузками в месяц и Starter за 14 долларов в месяц с 50 загрузками в месяц для пяти участников.

1001FreeDownloads

Если вам нужны значки для личного и коммерческого использования, то 1001FreeDownloads — это то, что вам нужно для 3D-значков. Вы также можете получить плоские.

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

Значки доступны в форматах ICO, ICNS, SVG и PNG.

Лицензия: Вы можете свободно использовать значки в личных и коммерческих целях. Однако они могут требовать или не требовать атрибуции. Поэтому, прежде чем использовать их, ознакомьтесь с их рекомендациями.

2 лучших премиум-сайта для загрузки иконок

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

Envato Elements

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

Значки доступны в форматах AI, PSD, EPS, SVG, PNG и других.

Лицензия: Вы можете использовать значки для личного и коммерческого использования.

Тарифные планы: Вы можете использовать Премиум-план за 16,50 долларов США в месяц.

Shutterstock. Кроме того, параметры фильтра позволяют быстро отсортировать значки.

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

Вы можете скачать иконки в форматах JPEG, PNG, PDF и других.

Лицензия: Вы можете использовать значки для личного и коммерческого использования. Но вы не можете перепродать или претендовать на право собственности.

Тарифные планы: Стандартная лицензия начинается с 0,22 доллара за изображение, а расширенная — от 67,96 доллара за изображение. Помимо этого, есть и другие планы для одного и нескольких пользователей.

Теперь давайте разделим вышеперечисленные веб-сайты на бесплатные и условно-бесплатные.

6 лучших сайтов для скачивания Бесплатные иконки

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

Кроме того, вы не можете перепродать их или претендовать на право собственности.

• иконмонстр
• Сухие иконы
• Freeicons.io
• Шрифты Google
• UXWing
• 1001Бесплатная загрузка

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

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

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

• Флатикон
• Иконки8
• Иконфайндер
• Потрясающий шрифт
• Существительное Проект
• Freepik
• Иконскаут
• Лордикон
• Пикседен
• Хорошие вещи без глупостей

Резюме: Лучшие сайты для загрузки иконок

Веб-сайты	Плоский	3D	Бесплатно	Фримиум	Премиум
Флэтикон	✅	一	一	✅	一
DryIcons	✅	一	✅	一	一
Иконки8	✅	一	一	✅	一
Потрясающий шрифт	✅	一	一	✅	一
Существительное Проект	✅	一	一	✅	一
Freepik	✅	一	一	✅	一
Иконскаут	✅	一	№	✅	一
Шрифты Google	✅	一	✅	一	一
UXWing	✅	一	✅	一	一
Лордикон	✅	一	一	✅	一
иконмонстр	✅	一	✅	一	№
Хорошие вещи Без глупостей	✅	一	一	✅	一
Пикседен	✅	一	一	✅	一
Бесплатная иконка 3D	一	✅	一	一	一
Иконфайндер	一	✅	一	✅	一
Freeicons. io	一	✅	✅	一	一
1001Бесплатная загрузка	一	✅	✅	一	一
Элементы Envato	✅	✅	一	一	✅
Шаттерсток	✅	✅	一	一	✅

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

В заключение

Иконки — неотъемлемая часть мира дизайна. Однако разработка или поиск подходящих значков может быть сложной задачей. А дизайнеру лучше всего использовать доступные ресурсы, если нет возможности создать свой собственный. Таким образом, эти 20 веб-сайтов облегчат вашу работу, сэкономив ваше время и усилия.