Бесплатные иконки для коммерческого использования: Коммерческий – Бесплатные иконки: бизнес

27 ресурсов с бесплатными иконками

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

 

 

Material Design Icons
Набор иконок, разработанный в компании Google

Fontello
Онлайн генератор шрифтов с иконками

MakeAppIcon
Отправляете нужные изображения и на выходе получаете полноценные иконки приложений

Flat Icon
Приятный, минималистичный набор иконок

Font Awesome
Масштабируемые векторные иконки, которые вы можете с легкостью персонализировать

Glyphsearch
Огромная бесплатная коллекция иконок в векторе

Endless Icons
Веб сайт с регулярно пополняющейся коллекцией монохромных иконок

Ico Moon
Онлайн сервис, который дает возможность подготовить свой собственный набор монохромных иконок

The Noun Project
Библиотека для бесплатного скачивания иконок

Perfect Icons
Мощный и, в то же время, очень простой инструмент для создания иконок

Icon Finder
Каталог иконок, где больше 162 тыс. иконок

Doodle Set | Flat Set | Vector Line Set
Бесплатные круглые иконки

Icon Sweets
Набор бесплатных векторных иконок

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

Web Design Freebies
Сборник иконок с разных сайтов

Captain Icon
350 мини иконок различной тематики для использования в дизайне

Dribbble
Набор бесплатных иконок

GraphicBurger
Бесплатные графические ресурсы для личного и коммерческого использования

Oxygenna
Подборка бесплатных иконок

Free Goodies for Designers
Бесплатные иконки

Freebiesbug
Бесплатные иконки для личного и коммерческого использования

Vecteezy
Замечательные иконки в векторе, которые предоставляются бесплатно

PixelsMarket

Иконки со всей сети с известных и не очень сайтов

Icojam
554 437 бесплатных и небесплатных иконок

Creative Tail
Иконки, которых больше нигде нет

All-Free-Download
Ресурс предлагает легкий поиск и прямые загрузки иконок

Fusionplate
Наборы иконок от разных дизайнеров

 

Перепечатка статьи допускается только при указании активной ссылки на сайт itmentor. by

 

Вступай в сообщества ITmentor Вконтакте и Facebook

 

Где брать иконки для сайта: самый полный обзор вариантов

Ищешь классные

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

Что это такое

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

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

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

Сценарии использования иконок

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

Их применяют:

• вместо текста — чтобы сэкономить место на странице и время юзера;
• вместе с текстом — чтобы зацепить внимание читателя, расставить “маячки” в нужных местах;
• для экономии места вместо описаний разделов — актуально для мобильной версии сайта, в приложениях.

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

Где использовать

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

Иконки уместны в таких случаях:

Для оформления меню

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

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

Для указания возможного действия

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

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

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

Для расстановки акцентов

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

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

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

ТОП-18 бесплатных ресурсов

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

Smashingmagazine

Тут предложены подборки от редакции самого ресурса — оригинальные и в высоком разрешении. 

Behance

Тут найдутся готовые наборы — классические, оригинальные, цветные, черно-белые, крупные и мелкие бесплатные иконки для сайта. Важно: для того, чтобы найти стеки (готовые наборы) на ресурсе, нужно ввести в строку поиска запрос free icons

Fribly

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

Thenounproject

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

Flaticon

По праву называется крупнейшей базой бесплатных иконок в векторе. Коллекция насчитывает более 3,7 миллионов картинок в PNG, PSD, SVG и других форматах, сформированных в тематические наборы. 

Iconmonstr

Далеко не самая большая, но очень стильная и выдержанная в единой концепции концепции коллекция бесплатных иконок. Тут чуть более 300 подборок, всего около 5 тысяч вариантов иконок, все черно-белые, стильные и лаконичные.

Pixeden

Бесплатные наборы иконок для любых проектов. Все они представлены в формате PNG от 16×16 до 512×512, подходящие для Adobe Photoshop, в векторе.

Dreamstale

Здесь не только бесплатные иконки для сайтов, но и множество других полезных для дизайнера “фишек” — шрифты, стоковые изображения, текстуры и пр.

Pixelsmarket

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

Icojam

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

Graphicsfuel

Большое разнообразие коллекций, в основном цветные иконки. Стеки разделены тематически.

Dryicons

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

Goodstuffnononsense

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

Iconshok

Библиотека сервиса включает более 2 миллионов значков, оформленных в 400+ наборов. Можно найти изображения в разном стиле — цветные и черно-беллые, графичные, минималистичные и более объемные, необычные. 

Endlessicons

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

Dribble

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

Streamlineicons

Коллекция из более чем 30 тысяч бесплатных иконок для сайтов в векторе. Делятся на стеки по предназначению — для интерфейса, социальных сетей и пр.

Не знаешь, какой курс выбрать?

Запишись на бесплатную консультацию и мы поможем в выборе правильного направления

Важно: об авторских правах

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

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

Делается это по схеме “Автор/Источник/Лицензия CC”. Иногда это не требуется. Как правило, каждый ресурс имеет раздел с подробным объяснением этого момента.

Все не то? Как заказать у иллюстратора

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

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

Стоимость может быть очень разной и зависит от большого количества факторов — насколько опытным будет исполнитель, что требуется (плоское изображение, объем, контур, перспектива и т. д.), будет ли это простой символ в духе “позвонить” или идеограмма, которая передает суть понятия. Объяснить слово “независимость” — дольше и сложнее, чем создать пиктограмму для “заказать”.

Еще один момент — объем заказа. За один значок заплатить придется больше, чем за штуку в “оптовом заказе”. 

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

Популярные ресурсы — Weblancer, Freelance, Dribble, Behance.

Платные сервисы: разумный компромисс

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

IconSetc

Работает по подписке, подходящий вариант для специалистов, которые постоянно выполняют заказы. Стоимость PRO-аккаунта стартует от $3. 

PixelLove

В базе более 15 тысяч вариантов, для упрощения поиска они разделены на 6 стилей. 

Pixeden

Тут удобный поиск и подписной формат. Часть материала доступна для бесплатного скачивания, все остальное — только для подписчиков. Месяц стоит $10, год $96.

Как выбрать подходящие иконки

В первую очередь обратите внимание на формат. Если ваша цель — скачать иконку, а после загрузить ее на сайт, вам подойдет PNG, ICO, SVG. Последний — это вектор, наиболее распространенный и удобный вариант. Главный плюс — возможность масштабирования без потери качества.

Если планируете кастомизировать иконку, то есть подредактировать ее “под себя” в графическом редакторе, выбирайте PSD или AI. Такие можно изменить — добавить цвет, объем и прочее. 

Важно учитывать:

1. Не стоит гнаться за уникальностью в поиске решения простых задач. Если оформляете меню, отдайте предпочтение узнаваемым и понятным символам. Пытаясь выбрать иконки, которых нет ни у кого другого, можно в итоге запутать юзера и нанести ущерб всему проекту. 
2. Придерживайтесь единого стиля — объемные, плоские или контурные. Иконки, подобранные “вразнобой”, создадут впечатление небрежности и дешевизны Лучше всего выбрать стек от одного дизайнера. Учитывайте и то, как значки будут гармонировать с ресурсом в целом. Следите, чтобы у всех была одинаковая подложка, размер, цветовая гамма. 
3. Если рядом будет текст, расположите иконки слева, справа или сверху, но не под ним. 

Следите за гармоничным сочетанием шрифтов, цвета текста, иллюстраций.

10 источников бесплатных коммерческих веб-иконок | Эрика Тафавоти | Planet Argon

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

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

Хотя многие предложения Icon Finder доступны только по платной подписке, существует множество отличных значков, доступных для коммерческого использования (как с обязательной ссылкой, так и без обратной ссылки), которые вы можете попробовать. После поиска нужного типа значка отфильтруйте результаты по «Бесплатно» и «Без обратной ссылки» в строке поиска.

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

И эти изогнутые значки.

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

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

Вдохновленные iOS 7, эти линейные значки максимально упрощены. Если ваша веб-страница или дизайн требуют минимального внешнего вида, они идеально впишутся в ваш стиль. Они доступны с разрешением 30 и 60 пикселей, а также в форматах PSD, AI и EPS.

Итак, Freepik не является 100% бесплатным, если вы не хотите указывать авторство. Хотя большинство их коллекций иконок доступны для коммерческого использования, требуется ссылка на их сайт — если вы не хотите платить членский взнос в размере 9,99 долларов в месяц. Эта небольшая плата дает вам доступ к гораздо большему количеству значков и позволяет использовать все эти значки без указания авторства.

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

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

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

Icons8 содержит значки социальных сетей, множество стрелок и многое другое. Вы даже можете просматривать по системному стилю, например iOS 10 и Android 4. Их бесплатный план ограничен только загрузками PNG и требует обратной ссылки, но ежемесячная подписка включает форматы EPS и SVG и не требует ссылки.

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

Магазин иконок — один из немногих в этом списке, который не требует обратной ссылки ни для одной из своих иконок. Все они на 100 % бесплатны для коммерческого использования. Их библиотека не так широка, как другие варианты, но большинство фигур имеют несколько вариантов цвета (черно-белый, плоский или полноцветный) и доступны в форматах SVG, PNG, AI и PSD. Каждый значок загружается в виде ZIP-файла со всеми включенными параметрами.

Flat Icon предлагает как бесплатные, так и премиальные веб-иконки, сгруппированные в коллекции по стилю и теме. Большинство коллекций доступны в форматах PNG, SVG, EPS и PSD, поэтому вы можете свободно редактировать для любого проекта, который вам нужен. Если вы работаете в сфере технологий, эта коллекция иконок SEO и маркетинга может быть особенно полезна для вашего проекта.

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

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

Первоначально эта статья была опубликована в блоге Planet Argon.

SVG Repo — бесплатные векторы и иконки SVG

SVG Repo — бесплатные векторы и иконки SVG

460 000+ SVG векторов и значков с открытой лицензией

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

CTRL + K

Удобный поиск и поиск

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

Редактирование и ремикширование

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

Оптимизированные векторы

Все значки и векторы оптимизированы с помощью нашего компрессора на основе SVGO

При поддержке сообщества

От меня к нам. Делитесь своей работой, помогайте сообществу расти и получайте ссылку на атрибуцию

Подходит для коммерческого использования

Большинство значков и векторов можно использовать в ваших коммерческих проектах без каких-либо лицензионных отчислений

Всегда бесплатно, без премиума

Мы не показываем премиум-контент, пока вы пытаетесь найти бесплатные активы

Коллекции векторов

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

• Все стили
• Monocolor
• Multicolor
• Duotone
• Outlined
• Filled
• Icon
• Glyph
• Rounded
• Sharp

Daily Life Tritone Icons Collection 20

Sports Bordered Duotone Icons Collection 20

Foods And Drinks Tritone Коллекция Vectors 35

Коллекция стилизованных значков приборной панели 41

Коллекция значков Mobile App Essentials 30

Коллекция значков пользовательского интерфейса Bicons Sharp 258

Коллекция иконок Brankic Glyph 350

Коллекция иконок Iconfy Duotone Filled 50

Коллекция иконок Iconfy Duotone Line 50

Коллекция крошечных иконок овальной линии интерфейса 105

Страница

1 /

112

Сегодня мы запускаем Product Hunt 🎉
Оставьте нам отзыв!

Коллекция стилей

Список векторных коллекций по стилю их классификации.