Отличные пиктограммы для сайта

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

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

В общем, графика всякая нужна, хотя не каждая подойдет для вашего дизайна. В Web’е стараются размещать более простые изображения, и лучше скачать бесплатные пиктограммы для сайта нежели отдавать предпочтение детализированным 3D иконкам. Кроме того, недавно мы публиковали заметку с небольшими иконками (мини), которые также используются в подобных задачах. Отличием являются лишь размеры элементов — материалы в данной статье могут быть значительно больше 16х16 пикселей.

gCons

Mono Gradient Icons Set

Nucleo Test Pack

Entypo Glyph

74 Weather Icons

Если вас интересует данная тематика, то в блоге был специальный пост про иконки погоды для Фотошопа — из представленных 60+ там вариантов определенная часть выполнена в максимально простой «пиктограммной» стилистике.

70 Free Icons

100 Vibrant Brands

The Web Interface Set

450 Outline Icons

54 Free Squared Icons

FinBiz

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

Iconic

Iconic — минималистичный набор, который на деле куда больше чем кажется вначале. Во-первых, он содержит растриронные варианты и векторные «исходники». Во-вторых, иконки представлены в 14 цветовых гаммах! В-третьих, имеются различные размеры — 8х8, 12х12, 16х16, 24х24 и 32х32. Одним словом, очень гибкий комплект, который можно органично вписать чуть-ли не в каждый дизайн. Из-за столь большого числа фишек данный архив занимает куда больше остальных — 16 Мб.

50 Glyphs Set 4

Sketch iOS7 

Modern SEO Icon Pack

Glyph Iconset

100+ Free PSD icons for iOS7

75 Free Line Icons

Devine Icons

Vector Web UI

680 Inverticons Mini

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

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

Free Web Design Icon Set

Здесь представлено более трехсот иконок размером 16х16 пикселей. Формат — PNG. Их смело можно использовать в своих дизайнерских проектах, некоторые изображения схожи по тематике с системными.

24×24 Free Application Icons

120 Vector Glyph Icons

210 Icons for Web-design & Wireframes

100 Free iOS Icons

Beautiful Flat Icons

DefaultIcon

Simple Line Icons

User Interface Design Framework

Justicons

Open Icon Library

Открытая библиотека, пусть старая, но еще рабочая и доступная для скачивания. Включает в себя около 10к бесплатных общедоступных объекта: 2500 SVG и 7500 PNG.

Dortmund

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

Essen

Berlin

Иногда пиктограммам посвящены целые проекты (фреймворки), а не отдельные наборы, как например с User Interface Design Framework и DefaultIcon. Кроме того, материалы также найдете на сайтах архивах иконок. Выше упоминался IconFinder, есть еще Flaticon и многие другие.

Web Pictograms from Flaticon

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

Modern Pictograms

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

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

Business Auto Web Set

145 Quality Icons for Web/Mobile

400 Flat Internet Iconset

Vector Webpage Icons

100 Administration Icons

Webinterface, Business and Tools Icons

Теперь точно все.

P.S. Хотите украсить свой десктоп? — скачайте лучшие обои для рабочего стола на Wallplanet.
Компания «Империя воды» предлагает бассейны для загородного участка, чтобы отдохнуть.