Появление 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. Кстати, вы заметили плоскую иконку в правой колонке нашего сайта? А надпись над ней «Получи подарок!»?