Набор иконок для сайта: Где скачать иконки для сайта бесплатно?

Иконки для разработчиков и дизайнеров – Программирование и не только

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

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

1. Free Icon & Vector Illustrations

На данном сайте собрана большая коллекция иконок (более 475 тыс. ) с возможностью поиска по тегам. Есть возможность искать новые иконки, используя наборы иконок (2677 наборов). Проект является бесплатным. Существует возможность добавления своих иконок для других пользователей. Здесь вы найдете различные наборы иконок для социальных сетей, смайлы, флаги, пользователей, типы файлов, системные иконки, праздничные (например, День Валентина), иконки оплаты, иконки здоровье и медицина, для мобильных устройств (iOS и Android), office 2013, metro ui. На сайте есть векторные, круглые, квадратные, плоские и т.п. иконки.

2. Поисковая система иконок IconBird

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

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

 

3. Iconfinder

Довольно интересная и богатая библиотека иконок. На сайте написано, что в базе свыше 1 400 000 иконок, но вместе с платными. В реальности бесплатных иконок гораздо меньше. По моим подсчетам бесплатных наборов около 2290 штук. Мало это или много — решать вам. Однако заглянуть на сайт думаю стоит.

 

4. Free Icons, Over 1600 Free Icon Set Download

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

 

 

5. Icons and Vector Graphics

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

 

 

6. Free Icons Download

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

 

 

7. Free icons and png icons download

Богатая зарубежная библиотека наборов иконок (около 73163). Не стану описывать какие иконки есть на сайте, т.к. это надо видеть самим. Рекомендуем к скачиванию.

 

 

 

8. IconSearch — делаем поиск иконок проще

Бесплатный отечественный проект по поиску иконок. Ничего особенного нет — это поиск по тегам и около 154 271 иконок. Я думаю, стоит обратить свое внимание на этот сайт.

 

 

 

9. Icon Archive

Довольно содержательный архив с набором иконок (2443 набора), в котором около 590 917 иконок. Простая удобная навигация по наборам, встроенный поиск и простая система фильтров (по дате, популярности, размеру, алфавиту и т.п.). Рекомендуем также к просмотру.

 

 

 

10. DeviantArt — The largest online art gallery and community

Собрана богатая коллекция свыше 1 987 070 иконок. Здесь можно найти что-то уникальное и новое для себя. Много профессиональных и ярких иконок. Однозначно, рекомендуем!

 

 

 

11. Free vector icons

Хорошая и качественная подборка бесплатных векторных иконок (297 689 штук). Многообразие цветовых гамм и самих иконок оставит вас не равнодушными к данному сайту.

 

 

 

12. 39 000 бесплатных иконок

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

 

 

 

13. Free icons — 99 300 files in PNG, EPS, SVG format

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

 

 

 

14. Download Free Vectors, Photos, Icons, PSDs and more

Зарубежный сайт с богатой коллекцией бесплатных иконок. Более 20 различных категорий наборов. Сортировка и выбор отображения иконок на странице.

 

 

 

 

15. Free icon for free download

Обычный сайт с 17 000 иконок. Стандартные возможности поиска по тегам и фильтры. Хорошие и приятные иконки для ваших интерфейсов.

 

 

 

16. CSS Author

Очень маленькая коллекция наборов с иконками (около 20). Возможно именно здесь вы найдете что-то интересное для себя. Рекомендуем заглянуть на данный сайт.

 

 

 

17. Free Resources For Designers and Developers

Сайт оформлен в виде блога, содержащего интересные и полезные наборы иконок. Есть возможность покопаться и выбрать для себя интересные иконки.

 

 

 

 

18. Dreamstale: Graphic Design Resources

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

 

 

 

 

19. Download Free Vector Art, Stock Graphics & Images

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

 

 

 

20. Oxygenna — WordPress Bootstrap Theme Developers

Маленькая коллекция иконок. Однако заслуживает своего внимания. Например, есть набор с иконками супергероев 😉

 

 

 

 

21. Icon sets & stock icons

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

 

 

 

22. Free simple icons for your next project

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

 

 

 

 

23. Icojam — sweetest free & premium royalty-free stock icons

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

 

 

 

 

24. Free PSD Files, Graphics & Web Design Resources

Богатый архив различных изображений иконок. Кладовая для разработчиков и дизайнеров интерфейсов.

 

 

 

 

25. Endless Icons

Здесь вашему вниманию представлен набор черно-белых иконок, включенного в состав одного более крупного пакета Endless.

 

 

 

 

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

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

10 наборов качественных бесплатных плоских иконок « Web art guru

10 наборов высококачественных бесплатных плоских иконок
0

 

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

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

Вам подфартило! Это именно то, о чем мы собираемся сегодня поведать.

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

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

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

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

После всех необходимых объяснений, давайте перейдем к наборам иконок.

1. Основные векторные UI иконки

Независимо от того, для какого веб-сайта/приложения вы создаете дизайн, основные иконки интерфейса всегда приветствуются. Этот набор иконок дает более 50 векторных иконок для общих элементов пользовательского интерфейса, таковых как Домой, Поиск, Отменить, основная навигация и т.д. Пакет содержит SVG, EPS, PSD и PNG версии иконок.

2. Общие векторные UI иконки

В первом пакете – лишь самые основные иконки, в дополнение к ним, вам понадобится больше UI иконок. Вот еще один векторный пакет с наиболее чем 100 иконками.

И снова в пакете SVG, EPS, PSD и PNG версии иконок. В этих иконках нет никаких излишеств, но, раз вам нужно, их легко отредактировать.

3. 384 бесплатные векторные плоские иконки

В то время как прошлые две коллекции были черно-белыми, это цветной набор.

Это пакет стильных плоских иконок на разную тематику.

На самом деле это 192 иконки, но в 2-ух версиях – цветной и черно-белой. Что касается форматов, пакет доступен в AI, EPS, PDF и PNG (64px и 128px).

4. Общепринятые векторные иконки

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

Пакет доступен в SVG, EPS, PSD и PNG форматах, что снова означает, что вы сможете редактировать иконки, как вам угодно.

5. Круглые плоские UI иконки

Мы возвратились к плоским иконкам. Особенностью этих иконок является то, что вы сможете настроить их непосредственно на сайте. В пакете 119 иконок, но с бескрайней возможностью настройки, вы можете создать столько вариантов иконок, сколько вы желаете.

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

6. Круглые плоские иконки разных форм

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

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

7. Векторные иконки курсоров и указателей

Подобные иконки постоянно нужны дизайнеру. Этот пакет из 70+ бесплатных иконок в SVG, EPS, PSD и PNG не совершенно большой, но он предлагает много иконок, которые вы сможете использовать в качестве основы для разработки ваших собственных указателей и курсоров. В пакете нет неких курсоров, но в целом набор богат.

8. 80+ бесплатных векторных иконок телефонов

Раз вы разрабатываете мобильные сайты и приложения, этого пакета из 80+ телефонных иконок может не хватить, но раз вам просто нужны иконки телефонов для веб-дизайна, то этот набор – неплохой старт.

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

9. Округлые векторные иконки связи

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

Пакет представлен в 2-ух вариантах – $5 коммерческая лицензионная и бесплатная версия (которая просит указания авторства).

10. Плоские векторные социальные иконки

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

Набор содержит 12 иконок самых фаворитных социальных служб. Каждая иконка представлена в квадратной, округлой и круглой форме. Пакет доступен в EPS и PNG (32×32 с центром размещения иконки 16×16).

Вот все 10 разных наборов плоских иконок для вашего будущего проекта.

www.webdesignmagazine.ru

50 сервисов с бесплатными иконками для сайтов

Опубликовано Чт, 25/06/2015 — 21:39 пользователем wshurik

Месяц назад мы искали иконку для поиска. Кроме Dribbble, Noun Project и Google не догадались, где посмотреть. К счастью, ребята из Canva знают о сайтах с бесплатными иконками — составили список из 50 позиций. Есть из чего выбрать.

И не забываем о копирайте. Если сайт не требует атрибуции, добавьте ссылку на источник в футер или на страницу «О компании». 

 

1. 1001 Free Downloads. Плоские иконки.
2. AlienValley. Наборы иконок в обмен на email.
3. All-Free Download. Векторы, PNG, PSD. Бесплатно.
4. Behance. Дизайнерские иконки. Придется пофантазировать в плане поиска.
5. Best PSD Freebies. Бесплатные иконки в PSD.
6. Blugraphic. PSD, PNG и векторные иконки. Поиск по тегам. Еженедельная подборка бесплатных иконок.
7. Captain Icon. Форматы: EPS, PSD, PNG, SVG и иконочный шрифт. Можно кастомизировать цвет и размер.
8. CSS Author. Еженедельные подборки бесплатных иконок.
9. Creative Tail. Иконки, которых больше нигде нет.
10. Dafont. 50 иконочных шрифтов. Проверяйте правила использования.
11. DevianArt. 200 000 иконок. Некоторые художники предпочитают делиться только с участниками DevianArt.
12. DesignBurger. Наборы иконок от Behance, Freepik и других.
13. Dreamstale. Бесплатные и иконки премиум-класса. Требуется ссылка на автора.
14. Duckfiles. Иконки для персонального и коммерческого использования. В свободном доступе.
15. Dribbble. Иконки для личного и коммерческого использования. Кстати, здесь мы берем иллюстрации для рассылки.
16. Dryicons. 5 000 иконок, 77 наборов.
17. Ego Icons. 1500 премиальных иконок и 100 бесплатных векторов. Посетите и дочерние сайты.
18. Entypo. Иконки 20×20 в SVG. Требуется атрибуция.
19. Endless Icons. PNG и SVG.
20. Flat Icon. Форматы: SVG, EPS, PSD or PNG. Иконки можно скачать в виде шрифта. Обратная ссылка обязательна.
21. Free Goodie For Designers. PSD, SVG и векторные иконки.
22. Freebiesbug. Бесплатные PSD.
23. Freepik. Форматы: PNG, EPS, SVG. Требуется указание автора.
24. Fontello. Иконки в SVG. Выделите, чтобы скачать в виде шрифта
25. Fribly. Наборы иконок от разных дизайнеров.
26. Fusionplate. Еженедельные обзоры бесплатных наборов.
27. Glyphicons. PNG. Минимализм, монохром.
28. Good Stuff No Nonsense. Нарисованы от руки. Не требуется обратная ссылка.
29. GraphicBurger. Если ищете милые иконки, вам сюда. Прямая загрузка, несколько форматов и размеров.
30. GraphicsFuel. Бесплатные иконки.
31. GraphicsBay. Роялти фри. Создатели обещают, что иконки уникальны.
32. Gravual. Две коллекции: кухонная утварь и улица. Для коммерческого использования свяжитесь с правообладателем.
33. IcoJam. Иконки от дизайнеров Icojam.
34. Iconfinder. 554 437 бесплатных и небесплатных иконок. Для скачивания доступно несколько форматов и размеров.
35. Iconmelon. Любопытная инструкция по применению. И иконки, конечно.
36. Iconmonstr. Доступно несколько размеров. Бесплатно, без ссылок на автора.
37. Iconic. Бесплатный набор из 223 иконок в SVG, растре и шрифтовом форматах.
38. IcoMoon App. Более 4000 векторных иконок. SVN, PNG, PDF и шрифт.
39. IconArchive. 590 918 иконок в 2 443 наборах.
40. Icon Shock. Иконки собраны по категория. Чтобы использовать в коммерческом проекте, внесите разовый платеж.
41. MrIcons. Более 100 000 иконок от веб-интерфейса до соцсетей.
42. NounProject. Бесплатные иконки взамен на ссылку на автора. Чтобы снять ограничение, подключите тариф.
43. Oxygenna. Наборы иконок в PNG, PSD и AI.
44. Pixelsmarket. Иконки с известных и не очень сайтов.
45. PixsHub. Собирает иконки по сети.
46. Pixeden. Иконки в PNG. Разрешение: от 16×16 до 512×512.
47. Smashing Magazine. Форматы: AI, PSD, SVG, PNG, CSH and Sketch. Большинство наборов не требуют обратной ссылки.
48. Squid Ink. 2 000 векторных иконок в 17 категориях.
49. Vecteezy. 60 страниц векторных иконок.
50. Web Design Freebies. Сборник иконок с разных сайтов. Можно сразу посмотреть весь набор.

Автора автора

• 3308 просмотров

Иконки в веб-дизайне: советы, ресурсы и примеры

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

Стили дизайна

Фраза «дизайн иконок» включает в себя широкий спектр идей. С одной стороны есть очень простые и минимальные иконки в плоском дизайнерском стиле. С другой стороны — это спектр полного реализма через цифровое программное обеспечение, как Photoshop или Illustrator. Каждый проект имеет различные графические потребности и значки должны соответствовать стилю и необходимости.Популярный минималистский стиль дизайна создал много дизайнеров -последователей по всему миру. Иконки Line стали основным стилем для прошивки 7 и 8 операционной системы для смартфонов.

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

Брендинг компании

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

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

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

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

Навигация и ссылки

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

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

Определение визуальной публикации

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

Самый удачный пример этого эффекта можно найти на странице сайта GitHub. Заголовок раздела использует GitHub в Octocat талисман создавая ощущение учебного процесса с помощью школьной доски в качестве фона. Когда вы прокрутите страницу вниз, то увидите, что каждый основной блок контента использует ряд иконок.Обратите внимание, что все иконки нарисованные, и все они прорисованы в одном стиле. Каждая иконка соединяется в целое и обеспечивает ощущение, что эти иконы были созданы в виде набора (и действительно были). Но что еще более важно, значки помогают определить содержание визуально. Текст достаточен, чтобы получить сообщение, а иконки просто помогут прояснить сообщение.

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

Векторные фоны

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

Сайт Бота IUSTI предоставляет услуги по установке Office, он создан с помощью векторной графики. Преимуществом создания векторной графики является то, что ваш сайт всегда будет отлично смотреться в любом разрешении.

Учебники по дизайну

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

Иконки 16х16 пикселей

Погодные иконки

Иконки для обозначения социальных сетей

Иконки Tab Bar

Иконка

 

Иконки драгоценные камни

Водяной пистолет

Уведомление

Ноутбук

Плоский дизайн

Иконки на халяву

Наряду с онлайн учебниками можно многому научиться, изучая бесплатные ресурсы. Дизайнеры делятся своим опытом это способствует повышению опыта и помогает дизайнерскому обществу развиваться. Научиться использовать такое программное обеспечение, как Photoshop — это зачастую первый шаг. Как только вы поймете основы вы сможете анализировать файлы, чтобы узнать, как они устанавливаются и, возможно, адаптировать под свои методы.Ниже каталогизированы 15 бесплатных иконок и iconsets, предназначеных для веб-дизайна. Каждая халява содержит по меньшей мере PSD или AI файл вместе с другими подобными типов файлов, таких как EPS или PNG. Вы всегда можете скачать любой (или все) из этих бесплатных ресурсов. Наверняка многие из этих значков будут полезны дизайнерам каждого калибра и послужат удобным инструментом для обучения.

40 Плоские Иконки

Мини иконки

Красочные Iconset

Простые плоские иконки

Спорт и фитнес

Чат и электронная почта

Atitel Иконки

Tab Bar Icons

Простые линии

Flatified

Веб-дизайн Iconset

Иконка IOS Настройки

Красочные переключатели

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

Иконки Наталья Берч • 16 февраля 2018 • 6 минут ПРОЧИТАТЬ

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

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

300+ бесплатных иконок технологий и мероприятий от Swifticons

Набор значков материалов

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

Иконки линий

Linecons — бесплатный пакет векторных иконок

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

Конструктор электронных писем

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

Попробуйте бесплатноДругие продукты

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

Mmmicons от Mint

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

Prometheus Free Icon Set от Тараса Шипки

Сплошные и монохромные значки

В отличие от обведенных значков, сплошные значки — лучшая альтернатива, когда дело доходит до интерфейсов с плохой контрастностью или большим количеством контента. Будучи визуально тяжелыми, они легко бросаются в глаза. Кроме того, они отлично подходят для модификаций, поскольку твердыми формами легче манипулировать.Взгляните на IOS 11 UI Elements Vol 1 от Jemis Mali и Interface Icons.

Элементы пользовательского интерфейса iOS 11, том 1

Халява от Джемиса Мали поставляется в двух отдельных томах, но красиво упакованных. Вместе они охватывают все элементы, необходимые для интерфейсов на базе iOS.

Pack от EverydayTemplate содержит более 200 иконок, представленных в двух стилях: толстый контур и сплошной. Каждый элемент доступен в трех основных форматах — AI, EPS и PNG.

Иконки интерфейса

красочные иконки

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

Dusk UI Иконки

Пользовательский интерфейс

Dusk более сложен и замысловат, чем Icon Set от Pixeden, в котором реализован скромный минималистичный подход. Еще он игривый и веселый, а второй — деловой и скромный.

Набор цветных иконок

В

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

Иконки социальных сетей

Pack от IconBunny порадует вас 14 стилистическими вариантами, включая как красочные, так и монохромные варианты. Каждый значок поставляется в трех форматах — CDR, EPS и PNG.

иконок в пакете от InvisionApp имеют прекрасную художественную атмосферу, очень похожую на крошечные иллюстрации. Художник подготовил бесплатные подарки в шести форматах — AI, EPS, JPG, PDF, PNG и SVG — и трех стилистических вариантах — с заливкой, плоским и контурным.

Радикальные науки Иконки

Анимированные иконки

Анимированные иконки занимают особое место в нашей коллекции.Медленно, но верно мы привыкаем к динамическим элементам в интерфейсах, таким как эффекты наведения, параллакс и анимированные значки. Небольшой комплект от Icons8 создан для нестатической догмы. Есть 60 динамичных элементов в элегантном стиле линий, которые идеально подходят для дизайна, вдохновленного строительными материалами.

Маленькая связка от Icons8

Как правило, в первую очередь приходят в голову форматы PNG, AI, PSD, EPS и Sketch. Однако есть еще два варианта, которые не только актуальны, но и больше подходят для многих проектов.Это SVG и WOFF или TTF.

SVG Иконки

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

• Простые значки: набор ориентирован на бренды. Здесь вы можете найти множество известных логотипов, выполненных в четких твердых формах.
• Иконки с перьями: в пакете представлены различные значки, которые выглядят изысканно и тонко.
• Evil Icons: это набор многоцелевых SVG-иконок. Хотя он довольно мал, его можно использовать через Rails, Sprockets, Node.js, Gulp, Grunt и CDN.

Простые иконки

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

злых иконок

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

ПутьЛюбовь

Иконочные шрифты

Шрифты

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

Fontisto

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

Джем

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

Bicon и Devicons — менее впечатляющие наборы иконок, но все же они полезны. Оба бесплатных предложения включают около 200 наименований. В то время как Devicons немного тривиален, у Bicon есть некоторые интересные символы внутри, такие как нло, дерево, видеокамера и т. Д.

Bicon

Девиконов

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

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

Нравится то, что вы читаете? Подпишитесь на наши главные новости.

Получите потрясающие иконки для своего веб-сайта

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

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

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

Флатикон

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

Его библиотека иконок содержит более 3 миллионов векторных иконок. Вы также можете настроить и отредактировать эти значки.

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

Элементы Envato

Решение премиум-класса для серьезных брендов.

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

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

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

Iconfinder

Iconfinder очень популярен, у него более 2 миллионов пользователей. Это похоже на поисковик, но для иконок. Вы можете скачать их в форматах SVG, PNG, AI, ICO и ICNS.

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

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

Freepik

Freepik получил много графики.

• Иконки
• Векторы
• Стоковые фото
• Абстрактный фон
• Мокап

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

Иконки8

Вы хотели отредактировать значки перед их загрузкой?

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

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

Vecteezy

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

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

GraphicBurger

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

Существуют партии значков, которые можно загрузить без регистрации. Кроме того, есть платные значки, которые можно загружать в форматах PNG, SVG и EPS.

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

Iconshock

Iconshock имеет более 2 миллионов профессиональных библиотек значков и более 400 наборов значков в более чем 30 стилях. Большинство из них имеют формат SVG и настраиваются. Это большое разнообразие стилей и дизайнов включает значки iPhone, плоские значки, значки реальных перспектив и многое другое.

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

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

Магазин иконок

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

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

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

UXWing

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

Значки доступны в сжатых форматах SVG и PNG.Что касается разнообразия, то существует более 50+ категорий.

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

Pngtree

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

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

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

Обтекаемый

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

Возможно, вы слышали об их популярном пакете значков Nova.

Заключение

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

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

18 бесплатных наборов значков SVG для коммерческого использования в веб-дизайне

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

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

Бесплатные значки SVG для веб-дизайна

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

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

Font Awesome Icons

Font Awesome, самый популярный значок шрифта, используемый в Интернете, предлагает 600+ значков , а также доступен в виде значков SVG среди других форматов, таких как TTF, WOFF, EOT и т. Д. Вы также можете загрузить шрифт Потрясающие векторные иконки (SVG и EPS) от Flaticon.Также есть возможность настроить и выбрать только необходимые значки с помощью приложения IcoMoon.

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

Значки материального дизайна от Google

Значки материального дизайна — это официальный набор значков от Google, созданный в соответствии с руководящими принципами материального дизайна. Эти значки под лицензией Apache License Version 2.0 можно использовать бесплатно, а также можно повторно микшировать и публиковать.

Пакет содержит 700+ значков для различных категорий, таких как значки сообщений, значки файлов, значки редактора, значки действий, мультимедиа, значки социальных сетей и значки уведомлений. Загружаемый zip-архив содержит все значки в формате SVG, спрайты SVG и CSS, а также значки в формате PNG.

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

Octicons от GitHub

Octicons — это масштабируемые векторные иконки от команды GitHub.Эти значки SVG находятся под лицензией SIL Open Font License. Octicons содержит 150+ значков , подходящих для проектов веб-дизайна, а также предлагает значки в спрайтах SVG. Вы можете установить Octicons с помощью npm также в своих веб-проектах.

Entypo Icons

Entypo от Daniel Bruce — это бесплатный набор высококачественных 400+ SVG-значков , предлагаемый бесплатно по лицензии CC BY-SA 4.0. Ранняя версия Entypo предлагалась как иконочный шрифт, однако теперь для загрузки доступны только иконки SVG.Вы можете использовать такие приложения, как Fontello, Fontastic.me или IcoMoon, чтобы преобразовать их в спрайты значков SVG.

Entypo включает SVG-иконки для популярных социальных сетей, таких как Facebook, Twitter, Pinterest, Instragram и т. Д.

Zondicons

Zondicons — это набор бесплатных SVG-иконок премиум-класса от дизайнера пользовательского интерфейса и иллюстратора Стива Шогера. Эти значки бесплатны для коммерческого использования в любом цифровом продукте. В пакет включено 250+ SVG-иконок . В дизайне Zondicons используется геометрический подход с неизменными пропорциями, а значки имеют четкие края и гладкие углы на всех платформах и в браузерах.

Hawcons

Hawcons предлагает 500+ высококачественных векторных значков пользовательского интерфейса в форматах SVG, EPS и PDF. PNG, а также файлы веб-шрифтов также доступны в загруженном пакете шрифтов. Вы можете использовать Hawcons в коммерческих и личных проектах без указания авторства.

Hawcons предлагает значки в 6 различных категориях: документы, спорт, погода, эмодзи, жесты и типы файлов. Все значки доступны как в виде штрихов, так и в виде значков с заливкой.

Иконки в виде перьев

Иконки в виде перьев разработаны Коулом Бемисом и содержат 200+ иконок SVG в минималистичном дизайне.Иконки доступны по лицензии MIT и, следовательно, бесплатны для использования как в личных, так и в коммерческих проектах.

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

Open Iconic Icon Set

Open Iconic — это набор иконок с открытым исходным кодом, содержащий более 200 иконок в форматах SVG, веб-шрифтов и растров. Иконки SVG Open Iconic находятся под лицензией MIT License , а его шрифты находятся под лицензией Open Font License.Иконки предлагаются во многих других вариантах, таких как PNG, WebP, EOT, OTF, TTF и WOFF.

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

Linea — это бесплатный набор значков, содержащий 730+ значков в различных категориях: основные, стрелки, музыка, погода, программное обеспечение и значки электронной коммерции. Эти линейные значки, разработанные Дарио Феррандо, можно бесплатно использовать в коммерческой работе и доступны в форматах SVG, PNG, а также в виде значков.

Бесплатные иконки IcoMoon

IcoMoon предлагает более 400 бесплатных векторных иконок в форматах SVG, PDF, EPS, Ai, PSD.Эти значки также оптимизированы для использования в качестве шрифтов значков, также доступна версия PNG. Под лицензией GPL / CC BY 4.0 значки можно использовать бесплатно. Кроме того, вы можете использовать приложение IcoMoon для создания собственных наборов шрифтов и спрайтов SVG.

Linearicons

Linearicons icon pack содержит более 1000 линейных иконок, в то время как его бесплатная версия в настоящее время содержит 170 иконок . Значки доступны как в виде веб-шрифтов, так и в виде значков SVG.

Бесплатная версия Linearicons находится под лицензией CC BY-SA 4.0 с лицензией и требует указания ссылки на linearicons.com при использовании в коммерческих проектах. Премиум-версия не требует указания авторства.

Typicons

Typicons являются бесплатными 300+ векторных иконок доступны как веб-шрифты и как исходные файлы SVG. Вы также можете установить Typicons через npm. Эти значки SVG находятся под лицензией CC BY-SA.

Набор иконок плоской линии

Набор из 25 элегантно оформленных векторных иконок, которые включают значки для камеры, автомобиля, денег (доллар), доставки, чата, продажи, корзины покупок, новостей и т. Д.Загрузка содержит версии этих значков в форматах SVG, AI, EPS, PNG и PSD.

Линейные иконки от Elegant Themes

Этот бесплатный набор иконок в линейном стиле, предлагаемый Elegant Themes, включает 100 иконок , подходящих для веб-сайтов. Загружаемый файл содержит как векторные файлы SVG, так и файлы AI. Файлы PNG также включены. Эти значки выпущены под лицензией GPL .

Linecons

Linecons — это бесплатный набор векторных иконок, содержащий 48 векторных иконок в контурном стиле. Скачайте файлы conatins SVG и AI вместе с версиями webfont, PSD и PNG.Linecons можно использовать бесплатно даже для коммерческих проектов.

Набор значков Windows 10

Этот бесплатный набор значков содержит 200 линейных значков стиля Windows 10 в формате SVG. Иконки доступны как для личной, так и для коммерческой работы без указания авторства.

Иконки с любовной тематикой

Эти любовные тематические иконки на День святого Валентина доступны в 4 форматах: EPS, PDF, SVG и PNG 500 × 500 пикселей. Имея лицензию Creative Commons Attribution-NoDerivs 3.0 Unported, вам разрешается использовать их в своей коммерческой работе бесплатно при условии надлежащего указания авторства.

Значки SEO

Этот бесплатный набор значков SEO содержит 37 высококачественных значков SEO как в масштабируемом векторном формате, так и в больших PNG-значках. Загружаемый файл содержит значки в форматах AI, EPS, SVG и PNG (1024x1024px). Пакет значков находится под лицензией Creative Commons Attribution 3.0 Unported License, которая позволяет вам бесплатно использовать эти значки SEO в своих коммерческих проектах в обмен на указание авторства.

Бонус: наборы значков SVG премиум-класса

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

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

5700+ пакет плоских значков

Этот огромный набор плоских значков SVG содержит 5700+ значков в 40 различных категориях. Иконки представлены в 6 форматах файлов: SVG, AI, EPS, PDF, JPG и PNG.

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

6000+ иконок Material Design

Еще один огромный набор иконок в стиле Material Design с более чем 6000 иконок . Эти значки доступны в 8 различных форматах файлов: SVG, AI, EPS, PDF, JPG, PSD, CSH и PNG.

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

Icon54 — 4,000 Perfect Icons

Это пакет векторных иконок, содержащий 4000 иконок в 85 различных категориях.Доступны линейные и сплошные версии этих значков, поэтому в целом вы получаете 8000 линейных и сплошных значков. Вы можете выполнить простой поиск по этим значкам с помощью приложения Iconjar. Эти значки совместимы с iOS и Android и доступны как SVG, Sketch, AI, EPS, CSH, PNG и веб-шрифты.

Ultimate Line Icons Pack

Это пакет из 2100+ линейных векторных иконок , которые доступны в виде файлов SVG, PNG, JPEG, GIF и AI. Пакет включает значки во многих категориях, таких как значки для 3D-печати, значки сельского хозяйства, значки животных, значки пекарни, значки конфет и кондитерских изделий, значки чатов и многое другое.

Иконки Futuro Line

Иконки Futuro состоят из более 1000 векторных иконок в двух стилях: Line и Spot. Иконки предлагаются в виде файлов AI, EPS, SVG, PDF и PNG. Иконки хорошо распределены по таким категориям, как «Медицина», «Химия», «Наука», «Технологии», «Безопасность», «Цифровой маркетинг» и «Реклама».

Дополнительные ресурсы для бесплатных значков

В дополнение к упомянутым выше библиотекам значков SVG вы также можете найти следующие полезные ресурсы для бесплатных значков на нашем сайте:

Если мы пропустили какой-либо бесплатный значок SVG, установленный в нашем списке выше, позвольте мы узнаем в комментариях.

15 замечательных наборов иконок для веб-дизайна

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

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

1. bwpx icons

Красивые иконки с чистым дизайном от Пола Армстронга.

2. Иконки Tango

Великолепный набор иконок для вашего веб-приложения или веб-сайта.

3. Mini Pixel

Полный набор иконок для всех видов использования: типы файлов, дизайн, CMS, электронная коммерция (см. Изображение внизу),…

4. Бесплатные иконки для веб-разработки Icojoy

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

5. Значки функций

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

6. BrandSpankingNew icons

Маленький, но полезный набор иконок от Brand Spanking New, специальный подарок на Рождество 2006.

7. Мини-иконки Famfamfam

Великие и известные мини-иконки famfamfam.

8. Набор иконок Flavors

Замечательная работа от Smashing Magazine как обычно, даже удалось поставить iMac с синим экраном смерти.

9. Значки WooThemes

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

10. Глянцевые значки электронной коммерции

С помощью этих значков украсьте свою торговлю через Интернет.

11. Dead Simple

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

12. Флаги стран

Вы упоминаете страны на своем сайте? Эти значки флагов страны могут быть удобными…

13. Яркие значки

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

14. Значки браузера Morcha

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

15. Мини-иконки социальных сетей

Еще несколько красивых, хорошо продуманных иконок социальных сетей.

Об авторе

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

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

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

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

1. Flaticon

Flaticon имеет самую большую базу данных бесплатных векторных иконок в Интернете с более чем 70 тысячами иконок на их сайте. Иконки на Flaticon представлены в форматах SVG, EPS, PSD и PNG разных размеров по вашему усмотрению.

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

2. IconArchive

IconArchive предназначен для упрощения работы профессиональных веб-разработчиков и графических дизайнеров. Благодаря функции профессионального поиска значков на основе тегов он предоставляет более 500 000 значков, поддерживающих различные операционные системы, такие как Windows, Linux и Mac.

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

3. 1001 Бесплатная загрузка

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

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

4. FreePik

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

5. DeviantArt

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

6. SoftIcons

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

7. IconFinder

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

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

8. Premiumpixels

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

9. Iconmonstr

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

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

10. Iconmoon

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

11. IconSeeker

IconSeeker предназначен для веб-дизайнеров и разработчиков, ищущих разнообразия. Имея более 50 000 иконок, доступных для бесплатной загрузки в форматах ICNS, ICO и PNG, он поддерживает различные операционные системы, такие как Windows, Linux и Mac.

Если вы веб-дизайнер, ищущий красивые иконки для своего проекта, IconSeeker — это то, что вам нужно.

12. IconPng

IconPng может удовлетворить ваши потребности в иконках с его коллекцией из более чем 60 000 бесплатных иконок. Вы можете настроить поиск значков по цвету, размеру, категории и т. Д., Что облегчит вам поиск нужного значка.

13. Fontello

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

14. Поиск значков

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

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

15. Iconspedia

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

16. Mr. Icons

Mr. Icons — это поисковая машина по иконкам, которая предоставляет вам бесплатные иконки в форматах PNG и ICO. Он поддерживает все популярные операционные системы, включая Chrome, Windows, Linux и Mac. Так что это подходящее место, если вы ищете бесплатные значки, чтобы украсить свои веб-сайты или настроить свой рабочий стол.

17. VeryIcon

VeryIcon также предоставляет бесплатные значки в форматах PNG или ICO, совместимых со всеми операционными системами. Он имеет коллекцию из более чем 20 000 значков и более 1000 пакетов значков.

18. FreeIconsWeb

С 2006 года FreeIconsWeb бесплатно предоставляет широкий выбор значков. Он позволяет вам создать свой собственный значок, предоставляет полезные советы и руководства и многое другое.

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

Пользовательские иконки (Pro) | Элементор

Загрузите свои собственные значки на свой веб-сайт с помощью функции Elementor Pro Custom Icons . Вы можете использовать для работы Fontello, Icomoon или Fontastic.

---

Создание набора шрифтов

Фонтелло

1. Перейти на http: // fontello.com /
2. Выберите несколько значков или загрузите свои собственные файлы SVG
3. Нажмите гаечный ключ. Добавьте префикс CSS. Убедитесь, что он уникален
4. Дайте вашему шрифту имя
5. Загрузите шрифт (zip-файл)

IcoMoon

1. Перейдите на https://icomoon.io/app
2. Выберите несколько значков или загрузите свои собственные файлы SVG
3. Щелкните вкладку « Generate Font »
4. Нажмите кнопку Preferences
5. Дайте свой шрифт имя
6. В разделе «Префикс класса» присвойте ему уникальный префикс
7. Нажмите X, чтобы выйти
8. Нажмите « Download », чтобы загрузить шрифт (zip-файл)

Fontastic

1. Создайте учетную запись Fontastic
2. Выберите несколько значков или импортируйте свои собственные
3. Для импорта щелкните « Добавить значки » в верхней строке меню
4. Щелкните вкладку « Изменить шрифт »
5. Дайте свой шрифт имя
6. Присвойте шрифту уникальный префикс класса CSS
7. Нажмите Сохранить
8. Перейдите на вкладку «Опубликовать»
9. Нажмите « Скачать », чтобы загрузить шрифт (zip-файл)

---

Установка шрифта Установить

В панели управления WordPress перейдите по адресу:

1. Elementor> Пользовательские значки
2. Нажмите Добавить новый
3. Перетащите zip-файл шрифта
4. Введите имя своего набора значков
5. Нажмите Обновить
6. Теперь вы найдете свои новые пользовательские значки в разделе «Пользовательские значки» ‘, где вы увидите название своего набора значков, индикатор номера значков и свой уникальный префикс CSS для каждого набора значков.

Бесплатные иконки для дизайна продукта

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

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

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

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

The Noun Project — почти миллион бесплатных иконок, созданных мировым сообществом.

Icons8 — 54 800 бесплатных иконок любого формата, размера и цвета.

Flat Icon — Самая большая база бесплатных иконок.

Найти значки — ищите бесплатные значки по ключевым словам или используйте кнопку «удиви меня», чтобы получить что-нибудь совершенно случайное (и совершенно бесплатное).

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

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

Связано: 7 бесплатных ресурсов, которые нужны каждому дизайнеру продукта

Бесплатные наборы иконок для дизайна продукта

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

Flat Graphic Design Icons — 36 бесплатных иконок, идеально подходящих для инфографики, пользовательского интерфейса и информационных панелей.

Metro UI Icon Set — пакет из 725 бесплатных иконок 512 × 512 для веб-браузеров, операционных систем и популярных веб-сайтов.

Flat Icons (PSD) — Красочные бесплатные иконки от дизайнера Пьера Бородена.

48 Flat Designer Icons — бесплатный набор из 48 иконок для офиса, путешествий и социальных сетей. (Внимание! Вам нужно будет ввести свой адрес электронной почты, чтобы загрузить их.)

168 пользовательских значков интерфейса — пакет включает значки в 3 стилях (обведенные, заполненные и цветные).

Plex — 119 бесплатных иконок, соответствующих продуктам Google.

Free Flat Style Icon Pack — идеально подходит для добавления чистого векторного стиля к вашему следующему дизайну продукта.

Varient Flat Custom CS Icons — отличный бесплатный набор от Тома Ньютона.

Hex Icons Pack — 170 бесплатных иконок, плюс 45 игровых иконок.

Climacons — 75 значков по климатическим категориям от Адама Уиткрофта.

Free Line Icon Set — 38 иконок некоторых из самых популярных инструментов редактора.

Бесплатные плоские иконки — простые, элегантные иконки от дизайнера Яна Дворжака.

Publicons — Коллекция точно настроенных значков для публикаций и платформ, от Tumblr до Drupal.

Значки продуктов — содержат значки для Dribbble, Pinterest и др.

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

Бесплатные иконки социальных сетей для продуктовых дизайнеров

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

Social Icons from Flat Icons — бесплатный пакет плоских значков социальных сетей, лицензированных для коммерческого использования.

Круглые плоские иконки с поддержкой Retina — 24 высококачественных бесплатных социальных иконки с поддержкой Retina.

24 круглых значка социальных сетей — не в квадраты? Это для тебя.

Социальные иконки от Icons8 — Найдите все, от WhatsApp до Paper Plane и до значка с заливкой «как будто».

Новые иконки социальных сетей — набор из 9 бесплатных растровых иконок в формате PNG.

Buttonz — Красочные иконки социальных сетей с тенью для чего-то особенного.

Кнопки социальных сетей — Яркие и жирные значки в виде круга.

Наклейки со значками в социальных сетях — Иконки со скрученными наклейками в стиле социальных сетей.

Плоский набор социальных иконок премиум-класса — 40 круглых социальных иконок и 40 социальных иконок с закругленными углами, размер которых можно изменять на 100%.

Triangle Vector Icons — 20 бесплатных векторных иконок социальных сетей в, как вы уже догадались, в форме треугольника.

Значки социальных сетей — 20 красочных ярких значков.

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

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

Дополнительные бесплатные ресурсы по дизайну

.