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

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

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

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

gCons

gCons

Mono Gradient Icons Set

Mono Gradient Icons Set

Nucleo Test Pack

Nucleo Test Pack

Entypo Glyph

Entypo Glyph Set

74 Weather Icons

74 Weather Icons Free Download

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

70 Free Icons

70 Free Icons

100 Vibrant Brands

100 Vibrant Brands Icons

The Web Interface Set

The Web Interface Icon Set

450 Outline Icons

450 outline icons

54 Free Squared Icons

54 Free Squared Icons

FinBiz

FinBiz Icon Set

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

Iconic

набор пиктограмм

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

50 Glyphs Set 4

50 Glyphs Set 4

Sketch iOS7 

Sketch iOS7 line icons

Modern SEO Icon Pack

Modern SEO Icon Pack

Glyph Iconset

Glyph icon set

100+ Free PSD icons for iOS7

100+ Free PSD icons for iOS7

75 Free Line Icons

75 Free Line Icons

Devine Icons

Devine Icons

Vector Web UI

Vector Web UI Icons

680 Inverticons Mini

680 Inverticons mini free

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

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

Free Web Design Icon Set

Free Web Design Icon Set

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

24×24 Free Application Icons

24x24 Free Application Icons

120 Vector Glyph Icons

120 Vector Glyph Icons

210 Icons for Web-design & Wireframes

210 Icons for Web-design & Wireframes

100 Free iOS Icons

100 Free iOS Icons

Beautiful Flat Icons

Beautiful Flat Icons

DefaultIcon

DefaultIcon

Simple Line Icons

Simple Line Icons

User Interface Design Framework

User Interface Design Framework

Justicons

Justicons

Open Icon Library

Open Icon Library

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

Dortmund

Dortmund

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

Essen

Essen

Berlin

Berlin

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

Web Pictograms from Flaticon

Web Pictograms from Flaticon

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

Modern Pictograms

Modern Pictograms

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

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

Business Auto Web Set

Business Auto Web Set

145 Quality Icons for Web/Mobile

145 Quality Icons for Web/Mobile

400 Flat Internet Iconset

400 Flat Internet Iconset

Vector Webpage Icons

Vector Webpage Icons

100 Administration Icons

100 Administration Icons

Webinterface, Business and Tools Icons

Webinterface, Business and Tools Icons

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

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

6 комментариев к статье “Отличные пиктограммы для сайта”
  1. Yuriy

    Спасибо большое за подборку.

  2. Kuzen

    Как по мне, так самый крутой сет это Fugue Icons очень качественный сет мини иконок, более 3000 штук

  3. Tod

    Kuzen, спс за ссылку, конечно, 3000 иконок это сила. Другие наборы нужны разве что если по дизайну и стилю нужно что-то особенное.

  4. Да Fugue Icons точно крутой набор иконок, я и сам их использовал при разработке своей небольшой cms, отлично вписываются почти в любой дизайн.

  5. Спасибо! Очень интересная подборка. Буду пользоваться.

  6. Дима

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

Оставить комментарий

Внимание! Если вы комментируете впервые, текст будет отправлен на модерацию.
Ваш e-mail не публикуется. Обязательные поля помечены *