Топ 50 бесплатных наборов иконок для веб-дизайна за 2017 год
Несмотря на то, что изменения тенденций дизайна пользовательского интерфейса, в этом году не были столь значимыми, как мы наблюдали в предыдущие годы, именно иконки, явно стали более совершенными, более специализированными, полностью охватив и смешав все лучшие стили от ранее популярных иконок.
Возможно, этот год выдался не особо «урожайным» для дизайна иконок, но тем не менее, несколько интересных наборов, которые заслуживают вашего внимания, всё же засветились на горизонте. В этом обзоре предлагаю на рассмотрение 50 лучших(сугубо на мой взгляд) бесплатных коллекций иконок, появившихся в открытом доступе в течении 2017 года. Все наборы абсолютно бесплатные и доступны для скачивания без каких бы то ни было ограничений. Под каждым изображением есть ссылки на ресурсы, перейдя по которым, вы сможете подробно ознакомится с понравившимся набором иконок и при желании скачать.
Контурные или линейные иконки очень популярны в мире веб-разработки, так как отличаются особой простотой форм и минимализмом, не жертвуя при этом информативностью. К тому же, в большинстве своём, представленные пиктограммы можно использовать не только для сайтов, они также отлично подходят для приложений на платформе Android и iOS.
Бесплатные иконки от Icons8
По-настоящему огромная коллекция качественных иконок на все случаи жизни. На сегодняшний день представлено около 60,000 иконок в любом формате, размере и цвете. Библиотека ежедневно обновляется и пополняется, от 3 до 20 иконок в день.
Количество: 60 000 +
Форматы: SVG, AI, EPS, PNG, PDF, Fonts
1800 бесплатных минималистичных иконок
Пакет включает в себя 1800 иконок на белом и черном фоне в форматах: .sketch .psd .ai .svg .eps и .png.
132 Контурные иконки
Небольшой набор качественных линейных иконок в формате .ai
70 бесплатных иконок
Бесплатный пакет из 70 векторных иконок в форматах .sketch .ai
Набор бесплатных цветных иконок
Векторные иконки в форматах Ai, EPS и SVG
6. 90 Бесплатных иконок
Хороший набор из 90 бесплатных контурных иконок, а так же представлены иконки со сплошной фоновой заливкой, для Sketch и Illustrator.
Bytesize
Отличный набор бесплатных иконок в формате SVG. Каждый значок кодируется вручную по сетке 32 x 32 и использует штрих SVG, что обеспечивает максимальную гибкость стиля; это означает, что вы сможете настроить вес, цвет, размер и, при необходимости, сделать края иконок округлыми или квадратными.
Набор бесплатных иконок для дизайнеров
В наборе представлены 38 контурных иконок популярных инструментов редактора изображений, для свободного скачивания доступны иконки в форматах AI, EPS, SVG и прозрачного PNG (1024px).
Набор бесплатных контурных иконок
Замечательный набор абсолютно бесплатных, контурных иконок в форматах .png .pdf .svg .sketch .ai
40 Мини-иконок
Небольшой набор качественных мини-иконок.
Форматы: AI, EPS, PNG, SVG
Размеры: 16 x 16, 32 x 32
Иконки на чистом CSS
В этом разделе обзора представлены ресурсы предоставляющие в свободный доступ пакеты иконок разработанные на чистом CSS. Отличная альтернатива использованию изображений в качестве иконок. Для подключения таких библиотек иконок достаточно одного файла .css, также в большинстве своём, данные ресурсы предоставляют возможность подключения наборов иконок напрямую со своих серверов, что достаточно удобно.
CSS ICON
В комплекте 512 иконок, библиотека регулярно пополняется.
Iconoo
Небольшая библиотека иконок на чистом CSS.
Наборы красочных разноцветных иконок
Цветные контурные иконки
Набор из 30 цветных линейных иконок в свежих пастельных тонах. В комплект входят иконки в векторном формате (SVG) и PNG разных размеров.
Красочные иконки Ficons
120+ Бесплатных красочных иконок в формате PSD
Изометрические иконки
Коллекция из 30 плоских изометрических иконок. Все иконки, включенные в набор, полностью редактируются и настраиваются в Illustrator. В комплекте различные размеры PNG.
Форматы: AI, EPS, PNG
Размеры: 57px, 114px, 228px, 456px, 912px
Иконки для водных видов спорта
Набор из 24 разноцветных иконок с водной спортивной тематикой. Иконки поставляются в формате SVG и разработаны с использованием лёгкой, летней цветовой схемы и оптимальной масштабируемости.
Наборы иконок в материальном дизайне
Такие иконки призваны стать стандартными для приложений, выполненных в унифицированном стиле «материального» дизайна, который Google представила в версии Android 5.0. В то же время, они одинаково хорошо подходят и для Android-приложений, и для iOS, и для веб-приложений.
Набор иконок Mini Material
Material Icons
Иконки материального дизайна с границами
250 иконок в Sketch формате
Google Material Иконки для Sketch
Это набор из 900+ иконок Google для приложения Sketch. Все они изначально из библиотеки Google, которая периодически обновляется и пополняется.
Иконки символов и пиктограмм
Бесплатные наборы иконок различных символов и пиктограмм.
Universal Themes — Набор векторных иконок
В комплект входит 100 векторных иконок, которые разработаны с учетом современных требований веб-дизайна, иконки представлены в формате SVG, поэтому вы сможете редактировать, масштабировать и изменять цвет иконок до тех пор, пока не получите нужный вам результат.
Многоцелевые иконки
Комплект из 90 симпатичных, многоцелевых иконок в форматах .sketch и .ai
Dripicons v.2
Бесплатный набор иконок в форматах PSD, AI, EPS, PDF, SVG, Sketch, Webfont
70 Базовых векторных иконок
Хорошо проработанный бесплатный набор из 70 базовых иконок в двух вариантах, для светлого и тёмного фона. Файлы AI и SKETCH в комплекте.
Gonzocons 2.0
Бесплатная библиотека из 100 шрифт-иконок, также в архиве предоставлены все коды для демонстрационной страницы, форматы веб-шрифтов и .SVG-файлы.
Набор иконок пользовательского интерфейса
В набор пользовательского интерфейса UI включены 100 векторных иконок, которые разработаны с учетом особенностей пользовательских интерфейсов, иконки в формате SVG, контурные и цветные версии. Вы можете свободно использовать эти иконки в своих личных и коммерческих проектах.
Наборы графических и веб-дизайнерских иконок
Иконки с плоским графическим дизайном
Этот набор содержит 33 полностью масштабируемых векторных иконки в контурном стиле. Каждая иконка доступена в EPS, AI, PSD, PNG и SVG форматах.
25 Иконок из категории дизайн фигур
Впечатляющий набор красивых иконок ручной работы, состоит из 25-ти легко редактируемых и готовых к использованию иконок, доступных абсолютно бесплатно. Поставляется в двух цветовых вариантах (mango & icicle) и всех удобных форматах: AI, EPS, SVG и PNG.
40 Бесплатных иконок для дизайнеров
Вы можете использовать эти иконки для личных и коммерческих проектов.
Форматы: AI, EPS, SVG, PNG
Размеры: 16 x 16, 32 x 32
Набор иконок художественных инструментов
Набор бесплатных иконок содержит векторные файлы в форматах Illustrator AI и .SVG, а также в формате PNG, доступны варианты, как в цветовом, так и в линейном стилях, в 5-ти размерах (32px, 64px, 128px, 256px и 512px)
Набор иконок графического дизайна
Иконки представлены во всех удобных для работы форматах: EPS, AI, SVG и PNG.
Комплекты плоских иконок
В этом разделе представлены бесплатные наборы иконок на самую различную тематику в лучших традициях плоского стиля. Использование плоских иконок в дизайне позволит сделать сайт или приложение стильным, современным и более понятным для пользователя.
Blobs
Бесплатный набор из 1000+ иконок в яркой цветовой гамме, представлены в форматах (AI, PSD & SVG)
Flat Line — Набор иконок UX & eCommerce
83 иконки в плоском стиле для пользовательского интерфейса и электронной коммерции
Iconshock flat icons
По-настоящему огромная библиотека иконок в различных стилях для личного и коммерческого использования, в том числе большой выбор иконок в плоском дизайне. Бесплатно доступны иконки в разных размерах до 72px и в формате PNG. Вы можете скачать как весь пакет, так и каждую понравившуюся иконку по-отдельности, предварительно выбрав нужный вам размер
30 Иконок для рабочего пространства
Набор иконок для оформления рабочего пространства, представлен в свободный доступ в форматах AI & EPS.
70 Плоских иконок веб-интерфейса
В наборе представлены 70 различных иконок пользовательского интерфейса, в форматах SVG и PNG.
Наборы иконок для бизнеса и электронной коммерции
Иконки банка и денег
Набор из 36 бесплатных иконок для банков и денег, эти иконки с плоским стилем идеально подходят для приложений или веб-сайтов, связанных с банковой деятельностью. Иконки представлены в векторных формах(AI, PSD, EPS, PNG & SVG) и следовательно, легко редактируются и изменяются.
Набор иконок электронной коммерции
Набор выполнен в плоском стиле, в комплекте 50 ярких иконок, охватывающих все основные области электронной коммерции, включая иконки состояния корзины, иконки способов оплаты, доставки, иконки торговых категорий и многое, многое другое. Представлены иконки в двух форматах SVG и PNG, вы можете свободно использовать их в своих личных и коммерческих проектах.
Набор бизнес-иконок
50 красочных иконок в плоском стиле по бизнес тематике, представлены в форматах AI и SVG, поэтому их можно бесконечно масштабировать, не теряя при этом качества изображения, идеально подойдут для адаптивных веб-дизайнов. Вы можете свободно использовать их в своих личных и коммерческих проектах.
40 Иконок электронной коммерции
Бесплатный набор из 40 векторных иконок по теме электронной коммерции. Бесплатная версия содержит файлы форматов Adobe Illustrator (.ai), PDF и Encapsulated PostScript (.eps).
Наборы иконок на погодную тему
Пакет погодных иконок
Пакет иконок погодной тематики, содержащий 30 замечательно отрисованных иконок в форматах .png и .sketch. Отлично впишется в дизайн приложений и веб-сайтов о погоде.
Шрифт-иконки погоды
Большой пакет шрифт-иконок CSS с 222 иконками погоды, готовыми к подключению в Bootstrap или любой другой проект, для которого нужны высококачественные метеорологические иконки. Набор регулярно обновляется и пополняется.
Конечно, представленные в подборке ресурсы, это лишь малая часть всего многообразия дизайнерских разработок представленных ранее и появившихся в течении этого года. Популярные и давно хорошо себя зарекомендовавшие ресурсы, в большинстве своём не нуждаются в представлении, так что в данном обзоре попытался выделить сравнительно новые и качественные работы. Надеюсь кому-нибудь пригодится.
С Уважением, Андрей .
Буду всем признателен, если поддержите проект — добавив блог в исключения AdBlock и поделитесь ссылкой на запись в своих соц-сетях:
dbmast.ru
Коллекции иконок? Легко! Тысячи иконок в сетах. / Habr
В продолжении поста «Ресурсы по поиску качественных иконок» представляю свою коллекцию сайтов, на которых вы найдёте очень(!) много качественных наборов иконок. Все сайты проверены руками, следовательно открываются и скачиваются легко.Собственно сам список. Все иконки с этих сайтов сюда не зальёшь, поэтому методом рандомного браузинга выбираем себе то, что необходимо. В комменты добавляем свои находки.
Iconbest
famfamfam.com: Icons
pinvoke — Icons and pixel fonts
Sanscons | SOME RANDOM DUDE
HoHoHo!: Design: Brand Spanking New
35 (Really) Incredible Free Icon Sets | Graphics | Smashing Magazine
Sweetie | Cute and clear icons
Iconbulk — Free Icons
High Quality Free Icon Sets | Windows Guides | mintywhite.com
Tango Icon Library — Tango Desktop Project
40 Professional Icon Sets For Free Download | Graphics | Smashing Magazine
Developer Icon Sets: Collection of the best free to both personal & commercial use Icon sets — aComment.net
Microformats Icons — The brilliant work of Wolfgang Bartelme
VistaIcons.com World — Free Vista Style Icons, Vista Wallpapers, Free Icon Sets and Windows Vista Desktop Icons
20+ Free And Fresh Icon Sets | Graphics | Smashing Magazine
Afterglow: Home of Icon Designer & Illustrator Cian Walsh
monochrom
WatiWorks: Stock Icons at irresistable prices, and lots more
everyday icons Playground
Pixelgirl Presents Free Icons, Desktops and Gallery Shop!
Iconkits.com | Signup
Icon Bee — Gorgeous Free Icons
InterfaceLIFT: Windows Icons
InterfaceLIFT: Mac OS X icons (by date)
free icons for everyone!
Deziner Folio» Blog Archive
80 FREE collections of yummy icons to suit any taste — FrancescoMugnai.com
Bullet Madness — free bullets project at Stylegala
Top 25 Free Icon Resources for Web Designers: Speckyboy — Web Design, Web Development and Graphic Design Resources
Function Web Design & Development [ Blog ] » Free Icons: Function Icon Set, 128 Completely Free Icons
Everaldo.com
IconShoppe ~ Royalty-free stock icons for the web
20 + Free Sets of Royalty Free Icons | Pingable.org :: Resources for Web Developers
Iconize Textlinks with CSS — pooliestudios
Over thousand mini pixel icons! All Free! | DeveloperFox
IconBuffet | Free Icons, Stock Icons, Custom Icon Design
graphicPUSH: meta for icons page
Fast Icon — Free stock icons.
Crystal Clear — Wikimedia Commons
habr.com
750 бесплатных наборов иконок
Есть тысячи различных наборов иконок, и каждый день мы видим все новые и новые наборы иконок от сообщества дизайнеров. К примеру, журнал smashingmagazine выпускает иконки уже на протяжении нескольких лет. Но сегодняшний релиз особенно важен. В течение последних 1,5 лет, Оливер Твардовский разрабатывал и готовил набор иконок для журнала smashingmagazine и его читателей. Сегодня Вашему вниманию предоставляется третий, финальный набор, состоящий из 750 бесплатных иконок (48*48px) для дизайнеров и веб-разработчиков. PSD исходники доступны для бесплатного скачивания.
Набор состоит из иконок веб-приложений, иконок пользовательского интерфйеса, электронная коммерция, иконки общего использования, иконки рабочего стола, блог иконы, иконки смайлики, кнопки, иконы клавиатуры, иконки национальных флагов, значки популярнх онлайн услуг и многое другое.
Загрузить набор иконок бесплатно!
Вы можете использовать наборы иконок для всех Ваших проектов бесплатно и без каких-либо ограничений.
Вы можете свободно использовать его как для личных, так и для коммерческих проектов. Набор не может быть перепродан, сдаваться в аренду, передаваться иным образом.
Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma
Узнать подробнееРедакция:Рог Виктор и Андрей Бернацкий. Команда webformyself.
Источник: http://www.smashingmagazine.com
E-mail:[email protected]
Проект webformyself.com — Как создать свой сайт. Основы самостоятельного сайтостроения
P.S. Хотите опубликовать интересный тематический материал и заработать? Если ответ «Да», то жмите сюда.
Веб-дизайн. Быстрый старт
Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma!
Смотреть видеоwebformyself.com
Иконки, UI элементы и шаблоны бесплатно
Как всегда, хочу Вас сегодня порадовать всяческими бесплатными и полезными вещами. Здесь Вы встретите несколько шаблонов и иконок, а также крутых UI элементов. С помощью которых Вы с лёгкостью сможете сделать современный дизайн сайта.
Перед тем как перейти к просмотру подборки, посмотрите вот это:
- Бесплатные фишки, которые точно нужны дизайнеру (Бесплатно)
- Плавное увеличение изображения при наведении на чистом CSS3
- Всё самое лучшее и полезное для дизайнера за сентябрь 2013
- 50 бесплатных ресурсов для дизайнера которые стоит попробовать
- Вкусные PSD исходники совершенно бесплатно
Скачать
Скетч иконки
Скачать
Круглые флет иконки
Скачать
Белые иконки
Скачать
Минималистические иконки на сайт
Скачать
60 тёмных иконок
Скачать
Не плохие и стильные иконки
Скачать
Иконки для тёмных сайтов
Скачать
168 различных иконок
Скачать
Разноцветные Flat иконки
Скачать
160 супер иконок в тёмном стиле
Скачать
Иконки — Geom
Скачать
Социальные иконки в стиле Flat
Скачать
Глиф иконки
Скачать
47 Flat иконок
Скачать
Иконки Dripi
Скачать
Крутые иконки погоды
Скачать
WomanLog
Скачать
Иконки и UI в стиле iOS7
Скачать
Элементы для приложений iOS7
Скачать
Прозрачная форма входа
Скачать
UI подборка Flat элементов
Скачать
Светлые элементы
Скачать
Тёмная UI подборка
Скачать
Элементы от руки
Скачать
Шаблон домашнего экрана iOS7
Скачать
Шаблон iPhone 5
Скачать
Готовый шаблон приложения в PSD
Скачать
Не официальный шаблон iPhone 6
Скачать
beloweb.ru
Иконки для приложений и программ
При детальном рассмотрении данную тему можно разбить на несколько составляющих. Если рассуждать глобально, то, по факту, все существующие бесплатные иконки программ относятся либо к реальным софтверным продуктам, либо могут применяться в их разработке (как пиктограммы внутри интерфейса). Каждое из этих направлений также имеет свои нюансы в зависимости от методов реализации и назначения элементов.
Дабы проще было понять, о чем идет речь, давайте перейдем к примерам. Допустим, вам нужно скачать иконки приложений — это могут быть как похожие по тематике решения как браузеры, так и наборы абсолютно разного софта: офисные продукты, аудиоплееры, графические редакторы, веб-сервисы + как правило, дополняется все обычными компьютерными картинками.
170 Dock Icons
По названию вы уже поняли, что здесь 170 объектов, все они в формате PNG 256х256. Прикольная 3D перспектива, еще и с прозрачным фоном.
Metro UI IconSet (725 шт.)
Software Icons Pack
50 бесплатных иконок программ в PNG, а также форматах для Windows и Mac. Ими можно заменить стандартные изображения на вашем десктопе.
Sleek XP: Software
Материалы в стилистике старенькой XP ОС, автор реализовал графику для 70 программных продуктов, которые использовал в своей работе. Кроме PNG, есть ICO и ICNS вариации.
Sleek XP: Folders
Еще 40 элементов от создателя двух предыдущих подборок. Если зайдете на его страницу в Deviantart, найдете парочку полезных архивов.
MS Office 2007 Icons Pack
Офисные продукты, как и браузеры — достаточно популярная тема. Формат только один — ICO, зато размеров много: 256×356, 96×96, 48×48, 32×32, 24×24 и мелкий 16×16 пикселей.
Isabi for Windows
Частенько в подобных наборах иконок для приложений встречаются квадратные или круглые картинки с сокращенным названием софта, состоящим из двух букв. Здесь достаточно много продукции от Adobe: Acrobat, After Effects, Fireworks, Lightroom, PageMaker, Photoshop, Reader, Premiere Pro. Также есть немного офисных + iChat, Address Book, iTunes, FontLab Studio, Safari и некоторые другие. Размеры от 16px до 256px.
iOSX7 App Icons v2.3
iSuite Revoked
В статье вы встретите еще несколько работ с папками — это достаточно типовое решение. Всего здесь 126 объектов с максимальной величиной до 256x256px. Сам сайт источник представляет из себя библиотеку разных ICO-материалов, поэтому вполне можете поискать там что-то дополнительно.
Social Media Filled Outline Icons
Социальные графические элементы являются частью бОльшего набора, но в отличии от него распространяются бесплатно. Их всего 60, перед загрузкой нужно указать почту и имя.
Flurry for the Web
Этот и два последующих архива выполнены одним и тем же дизайнером. У него в профиле имеется еще больше интересных «зарисовок» по теме, каждая из которых посвящена определенной нише: Web’у, графике, офисному софту и т.п.
Icons for Deviants II
Flurry Office
FlatWoken
Black Glamour
Flat Strokes App Icons
IconPack 2 by aablab
Неплохая подборка, содержащая значки программ в PNG, ICO и даже PSD форматах (всего 183): для первого имеется только размер 256×256, у остальных — 96×96, 48×48, 32×32 и 16×16. Здесь есть почти все известные программные продукты, с которыми вы наверняка сталкивались: uTorrent, Skype, Ccleaner, Adobe Illustrator, Miranda, VLC Player, Alcohol 120%, QIP Infinium, iTunes, Spotify, QuickTime, GIMP и много других.
3D Cartoon Icons Pack III
Software Folder Icon Pack1 v3
Social Network Icon Pack icons pack Free icon
FS Ubuntu Icons
Ultimate App Icons Set Sketch Resource
В интернете встречаются не только PNG/ICO материалы, но и наработки под Sketch. Здесь 189 элементов, распределенных в 12 категорий: игры, путешествия, музыка, новости, фото, видео и т.п.
Dre-S Software Icons 1
Одна из самых необычных реализаций, где значки для программ представлены в виде 3D моделей. Непонятно как это будет выглядеть в работе, но за оригинальность ставим «+». У автора есть и другие похожие по стилистике подборки — смотрите на Deviantart.
90 Vectorized iOS Popular Apps
Leopar’d IconPackager
Общие иконки для программ
Как мы уже сказали в начале, кроме иллюстраций реальных программных продуктов могут встречаться картинки «общего характера». Они применяются при обозначения определенного софта с точки зрения его функций, например: калькулятор, часы/таймер, таблицы, документы, записная книжка, утилита и т.п.
Точно также разработчики могут скачать иконки для приложений дабы использовать их непосредственно внутри ПО (в пользовательском интерфейсе). Все изображения одинаково хорошо подходят в том числе тематическим сервисам и обычным веб-проектам. Они являются неплохим дополнением статьи про бесплатные пиктограммы для сайтов.
Coquette Part 3
Farm-Fresh Web Icons
В данном скачиваемом файле найдете почти 4тысяч мини-картинок на любой вкус (что заметно по скриншоту выше). По размерам здесь будут файлы 16×16 и 32×32 пикселей.
Niome PNGs
PixeloPhilia2
Open Icon Library
Открытая библиотека бесплатных иконок для приложений в SVG (около 2500шт.), PNG (7500шт.), XPM, ICO, ICNS. Всего она содержит около 10тысяч объектов. Выбор максимально широкий.
300+ Free Flat Color Icons
MinIcons by Kyo-tux
680 Inverticons MiniFree
Это работа взята с сайта Icojam, о котором мы когда-то писали. Там можно найти супер классные красочные иконки для любых задач, в том числе и оформления софта/веб-сервисов. Просто невероятный архив по своим объемам.
Reality by kidaubis
24×24 Free Application Icons
48 Flat Designer Icons
Blue Whales
…В принципе, материалов в данном посте могли опубликовать и больше, но лучше всего их искать по какой-то конкретной тематике, которая вам нужна: соц.сети, компьютеры, папки, iOS и т.п. Часть из них представлена в тематических наборах иконок нашего блога. Напоследок приведем парочку премиальных элементов:
Vector Flat Colored Pictograms
Colorful Program and Interface Icons
WebFile Labels Set
180 Modern Flat Iconset
Web icons
Universal Web/Mobile Icons
Итого получилось более 40 ссылок для скачивания, хотя их в интернете еще очень-очень много. Фишка в том, что сейчас значительная часть материалов содержится в специальных архивах иконок таких как Flaticon, Softicons, Iconarchive, Icons8. Искать графику там проще + они предлагают интересные фишки по ее редактированию и не только.
P.S. Постовой. Если требуется заказать рекламу и раскрутку сайта то в компании Aweb вам помогут решить эти задачи максимально качественно.
design-mania.ru