Flaticons.net — сайт с бесплатными плоскими иконками

Если вам нужна нестандартная иконка, то её поиски могут обернуться нелёгким испытанием. Сегодня я расскажу о сайте flaticons.net, где можно легко найти бесплатные плоские иконки.

flaticons.net

flaticons.net

Появление iOS 7 переродило дизайн. Он стал плоским и простым. Поменялись иконки. Дизайнеры стали рисовать их в векторе. Теперь плоские иконки встретишь не только на экране iPhone, но и на сайтах. Точно так же было и со смайликами. Сейчас иконки и смайлики стали использовать повсеместно. Самый популярный набор иконок объединён в шрифт Font Awesome.

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

Большинство бесплатных продуктов зарабатывают на рекламе. Flaticons.net не исключение. Я был удивлён трём баннерам на сайте, когда делал скриншоты. Adblock вырезал их при повседневном использовании. Разработчики тоже хотят кушать, поэтому лучше баннеры, чем watermark на готовом изображении.

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

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

Редактор flaticons.net

Редактор flaticons.net

К сожалению, теней или многоцветности на flaticons.net получить нельзя. Поэтому такие вещи, как и текст, необходимо будет добавлять в Photoshop. Вот что получилось лично у меня.

Результат обработки иконки с изображением белки

Результат обработки иконки с изображением белки

В общей сложности я затратил на картинку 3 минуты, причём 1 минуту из них загружался Photoshop. Мои знания графического редактора и интернет-сервисов позволили быстро подшутить над знакомой. Для чего ещё подойдут иконки с этого сайта:

  • в качестве элементов инфографики;
  • как элементы дизайна сайта;
  • для создания логотипов. Например, для конструктора сайтов sitedrop.com. Вот его обзор;
  • ваш вариант (поделитесь им в комментариях).

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

flaticons.net

P. S. Кстати, вы заметили плоскую иконку в правой колонке нашего сайта? А надпись над ней “Получи подарок!”?

 

Yury Goltsman
2014-08-07 20:55:13
А типа 8 винда с метро уже забыта. IOS наше всё. Интернет уже несколько лет полон плоскими иконками, в том числе и в векторе, поскольку XAML поддерживает векторные изображения из коробки.
Nick Lupandin
2014-08-08 03:08:21
Всё хорошо, кроме авторства плоского дизайна - как ни странно, но именно тут Яблоко вторично по отношению к Микрософту. Точность - вежливость королей :-)
Сергей Мадекин
2014-08-08 08:53:45
Из крупных игроков, по-моему, первым такой дизайн начал лепить направо и налево гугл. И теперь все меньше и меньше сервисов предлагают трехмерные иконки. А по теме, иконки без подписи чаще вредят, чем помогают. Из набора на первой картинке у меня есть предположения о том, что обозначают 3, может 4 иконки. Все остальное - просто картинки.
Денис Золин
2014-08-08 12:03:56
Действительно, интерфейс Метро от Майкрософт появился за год до анонса iOS7, а его зачатки еще были в плеере Zune (2006-й год (!)). Apple к плоскому дизайну пришел позже всех, после того как Джонни Айв долго и старательно рассматривал Windows 8 и штудировал минимализм андроида ICS (интерфейс Holo также представлен в 2012-м). Хотя кого это волнует, ведь всем известно что и до айфона смартфонов никогда не было :)))