Содержание

Иконки «Flat» — скачивайте бесплатно в PNG, SVG, GIF

Спущенная шина

+ В коллекцию

Спущенная шина

+ В коллекцию

Спущенная шина

+ В коллекцию

Спущенная шина

+ В коллекцию

Спущенная шина

+ В коллекцию

Спущенная шина

+ В коллекцию

Спущенная шина

+ В коллекцию

Спущенная шина

+ В коллекцию

Спущенная шина

+ В коллекцию

Спущенная шина

+ В коллекцию

Спущенная шина

+ В коллекцию

Спущенная шина

+ В коллекцию

Спущенная шина

+ В коллекцию

Спущенная шина

+ В коллекцию

Спущенная шина

+ В коллекцию

Спущенная шина

+ В коллекцию

Спущенная шина

+ В коллекцию

Спущенная шина

+ В коллекцию

Спущенная шина

+ В коллекцию

Спущенная шина

+ В коллекцию

Спущенная шина

+ В коллекцию

Плоский коверт

+ В коллекцию

Плоский коверт

+ В коллекцию

Плоский коверт

+ В коллекцию

Плоский коверт

+ В коллекцию

Плоский коверт

+ В коллекцию

Плоский коверт

+ В коллекцию

Плоский коверт

+ В коллекцию

Плоский коверт

+ В коллекцию

Flat Shoe

+ В коллекцию

Сушить на плоской поверхности

+ В коллекцию

Сушить на плоской поверхности

+ В коллекцию

Сушить на плоской поверхности

+ В коллекцию

Сушить на плоской поверхности

+ В коллекцию

Сушить на плоской поверхности

+ В коллекцию

Сушить на плоской поверхности

+ В коллекцию

Сушить на плоской поверхности

+ В коллекцию

Сушить на плоской поверхности

+ В коллекцию

Сушить на плоской поверхности

+ В коллекцию

Плоскогубцы

+ В коллекцию

Топорик

+ В коллекцию

Топорик

+ В коллекцию

Плоскогубцы

+ В коллекцию

Топорик

+ В коллекцию

Топорик

+ В коллекцию

Плоскогубцы

+ В коллекцию

Топорик

+ В коллекцию

Плоскогубцы

+ В коллекцию

Топорик

+ В коллекцию

Плоскогубцы

+ В коллекцию

Топорик

+ В коллекцию

Плоскогубцы

+ В коллекцию

Топорик

+ В коллекцию

Плоскогубцы

+ В коллекцию

Топорик

+ В коллекцию

Плоскогубцы

+ В коллекцию

Топорик

+ В коллекцию

Ios Логотип

+ В коллекцию

Ios Логотип

+ В коллекцию

Ios Логотип

+ В коллекцию

Самые свежие и стильные иконки для дизайнера в стиле Flat

И так, сегодня опять спешу Вас порадовать очередными бесплатными плюшками, а именно бесплатными и современными иконками для дизайнеров. Я уверен, что эта подборка очень пригодится дизайнеру. В основном тут собраны современные исходники, в минималистическом и Flat стиле. Так, что с уверенностью можете добавить эту страницу в свои закладки. Ну а теперь давайте приступим к просмотру подборки.

Огромное спасибо designrfix.com и рекомендую к просмотру следующее:

Социальные иконки с длинной тенью в PSD

Скачать

Бесплатные и векторные иконки закладок в виде ромба

Скачать

Социальные иконки в стиле Flat

Скачать

60 Flat иконок и с длинной тенью

Скачать

Социальные закладки с длинной тенью

Скачать

Flat иконки, формат EPS

Скачать

Бесплатные и разнообразные иконки для сайта

Скачать

Flat иконки социальных закладок

Скачать

Медиа иконки с длинной тенью

Скачать

30 Flat иконок на сайт

Скачать

Бесплатные программные иконки

Скачать

Flat иконки медиа сетей

Скачать

Flat иконки с длинной тенью на сайт

Скачать

Иконки на разную тематику бесплатно

Скачать

12 бесплатных СЕО иконок

Скачать

Несколько классных иконок в круглом виде

Скачать

Офигенные иконки с длинной тенью

Скачать

Современные и бесплатные иконки в стиле Flat

Скачать

Простые иконки закладок

Скачать

20 классных иконок в PSD

Скачать

Иконки в Flat

Скачать

12 иконок в стиле iOS7

Скачать

Погодные иконки

Скачать

Погодные иконки для приложения

Скачать

Бесплатные веб иконки

Скачать

Несколько Flat иконок

Скачать

Круглые иконки с длинной тенью

Скачать

Большие круглые иконки

Скачать

Ещё несколько круглых и бесплатных иконок

Скачать

Flat иконки в PSD

Скачать

Page not found (404)

Toggle navigation
  • Packs
    • Значок пакеты недавно Загрузил
    • Самых популярных значок пакеты
    • Эксклюзивные наборы значков
  • категории
    • Сельское хозяйство Иконки
    • Животные Иконки
    • Аватар и смайлики Иконки
    • Красота и мода Иконки
    • Бизнес и финансы Иконки
    • Мультфильм Иконки
    • Кино, телевидение и фильмы Иконки
    • Одежда и аксессуары Иконки
    • Преступление и безопасность Иконки
    • Культура, религия и фестивали Иконки
    • Дизайн и разработка Иконки
    • Экология, окружающая среда и природа Иконки
    • Электронная торговля и покупки Иконки
    • Электронные устройства и оборудование Иконки
    • Файлы и папки Иконки
    • Флаги и карты Иконки
    • Дизайн и разработка Иконки
    • Экология, окружающая среда и природа Иконки
    • Gym и Fitness Иконки
    • Здравоохранение и медицина Иконки
    • Промышленность и инфраструктура Иконки
    • Инфографика Иконки
    • Дети Иконки
    • люблю Иконки
    • Разное Иконки
    • Музыка и мультимедиа Иконки
    • Сеть и связь Иконки
    • Недвижимость и строительство Иконки
    • Школа и образование Иконки
    • Наука и технологии Иконки
    • SEO и Web Иконки
    • Sign и Symbol Иконки
    • Социальные медиа и логотипы Иконки
    • Спорт и игры Иконки
    • Инструменты, строительство и оборудование Иконки
    • Транспорт и транспортные средства Иконки
    • Путешествия, отели и каникулы Иконки
    • Пользовательский интерфейс и жесты Иконки
    • Погода и сезоны Иконки
  • стили значков
    • 3D Иконки
    • Badge Иконки
    • Filled outline Иконки
    • Flat Иконки
    • Glyph Иконки
    • Handdrawn Иконки
    • Long shadow Иконки
    • Outline Иконки
    • Photorealistic Иконки
  • Популярные поиски
    • Instagram Иконки
    • Vk Иконки
    • телефон Иконки
    • Папки Иконки
    • деньги Иконки
    • Социальные Иконки
    • Facebook Иконки
    • Telegram Иконки
    • Viber Иконки
    • корзина Иконки
    • Whatsapp Иконки
    • стрелка Иконки
    • Youtube Иконки
    • дом Иконки
    • Phone Иконки
    • люди Иконки
    • почта Иконки
    • папки Иконки
    • человек Иконки
    • доставка Иконки
    • галочка Иконки
    • папка Иконки
    • музыка Иконки
    • Mail Иконки
    • компьютер Иконки
    • вк Иконки
    • Steam Иконки
    • Instagram Иконки
    • сайт Иконки
    • фото Иконки
  • Log in
  • Register
404 Icon by Laura Reen

Принципы «плоского» или flat дизайна иконок от Google — PowerBranding.

ru

Продолжаем рассказывать о новом ярком тренде в дизайне: о «flat» дизайне.

Сегодня мы рассмотрим подходы к созданию иконок в стиле «flat» от компании, стоявшей у истоков данного тренда.

Принципы создания flat иконок, описанные в данной статье не стоит воспринимать как истинные законы «плоского» дизайна, но из подхода, используемого Google при создании flat icons, можно почерпнуть несколько , по моему мнению, важных идей.

Базовые требования к визуализации

  • Запоминающийся дизайн, по которому однозначно можно узнать продукт: иконка выполняет роль логотипа продукта
  • По характеру: простые, дружелюбные, современные
  • Максимальное упрощение и сохранение только основных форм и очертаний иконок

Иконки для программных продуктов:

Иконки пользовательского интерфейса:

Строгое следование геометрическим формам

Основа плоского дизайна иконок Google — правильные геометрические формы. Начинать дизайн любой иконки следует с отрисовки точно выверенных форм.

Фронтальная визуализация

Изображение иконки должно находится в 2D плоскости, а не в 3D пространстве.

Прямые точные тени

В «плоском» дизайне иконок важное значение отдается визуализации теней:

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

Точные цвета и цветовые оттенки

Цвет — основа любого flat дизайна. Google предлагает следующую палитру цветовых решений для иконок своих программ:

  • Основные цвета: синий, красный, желтый, зеленый, серый, белый
  • Без серого цвета не обходится ни один элемент flat-дизайна
  • Google предлагает 11 оттенков серого для дизайна иконок
  • Каждый цвет имеет 3 оттенка: чистый цвет, цвет + 40% белого, цвет + 60% белого

Цветовые палитры «плоского» дизайна (с точным описанием используемых цветов) можно посмотреть в конце статьи.

Пример цветовых комбинаций

Пример цветовых комбинаций в 2 цвета: оттенки не считаются отдельным цветом

Пример цветовых комбинаций в 3 цвета:

Точно в пиксель

Каждая иконка должна быть нарисована точно по пиксельной сетке.

Подход к шрифтам

Шрифт, используемый Google: Open Sans Semi Bold

Для маленьких размеров иконок используется выверенный по пикселям шрифт:

Правила скалирования иконок

Иконка «мини» формата не является полной копией иконки обычного размера: в мини — иконках исчезает часть линий для получения чистоты изображения.

Единый подход к размеру иконок

Не смотря на то, что иконки могут быть разной формы и разного размера, все они вписываются в единый формат:

  • для иконок продукта: 128px:128px (размер границ квадрата), 96px:96px (размер иконки)

  • для иконок пользовательского интерфейса: 21px:21px (размер границ квадрата), 19px:19px (размер иконки)

Таблица размеров программных иконок от Google:

Точное описание цветовых решений «плоского» дизайна

Цветовые решения для программных иконок:

Цветовые решения для иллюстраций и инфографики:

24 отличных примера иконок и иллюстраций «Flat» дизайна от Google

Источник: http://www. behance.net/

Твитнуть Please enable JavaScript to view the comments powered by Disqus. comments powered by

55+ лучших бесплатных наборов плоских иконок

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

В архиве «Дизайн Мании» вы найдете похожие по стилю материалы, например, те же простые или монохромные иконки. Достаточно много их встречается в подборке графики цветов и растений, в красочных иконках программ или среди аватарок лиц мужчин и женщин. У плоского дизайна есть свои характерные черты и преимущества, которые вы с легкостью сможете уловить из примеров ниже. Для скачивания кликайте по изображениям и переходите на сайты-источники.

Free Flat Color Icons

3600 Flat Icons Bundle

Громадный набор для личного и коммерческого использования. Каждый объект здесь доступен в 3-х разных размерах.

40 Flat Icon Pack by Paul Flavius Nechita

Flat Icons EPS

83 Flat Line UX And E-Commerce Icons For Free

Flat Shadow Social Media Icons

100 Free Food & Drink Icons

Flat Rectangular Europe Flag

Данный архив вы также могли видеть в статье про бесплатные изображения флагов мира вместе со многими другими. Форма картинок прямоугольная, хотя размеры при этом квадратные — от 512х512 до самых маленьких 16×16. Кроме базового формата PNG, есть отдельные файлы ICO под Win и ICNS под Мак. Использовать можно лишь для личных нужд, а если захотите добавить в софт/сайты бизнеса, придется покупать лицензию (либо смотрите альтернативы по ссылке в первом предложении).

60 Astonishing Flat Icons For Free

Modern Flat Icons

30 Icons Free

Flat Design Icons Set Vol1

Flat Design Icons Set Vol2

Small-n-Flat Icons

Meroo – A Gorgeous Free Flat-Styled Icon Set

Flat Icon Set

Free Vector Polygon Social Media Icons

Среди всех наборов встречается достаточно много плоских иконок социальных сетей, хотя, по сути, это одна из самых популярных тематик для данной сферы в целом. На «втором месте» находятся разные программы и приложения, логотипы которых используются не только в интерфейсе сайтов, то и на компьютере / телефоне. Потом уже идут всякие нишевые тематические картинки: бизнес, интернет, работа, стрелочки, люди и др.

Freebie Friday: Flat Icons

Accounting — Material icons

Free Flat Social PNG & PSD Icons

24 Flat Icons

Набор состоит из плоских иконок от талантливого дизайнера Jan Dvořák. В архиве имеется PSD так что сможете изменять исходники как вам будет нужно.

Flat Icon Set for Professionals

Если посмотреть на ссылки, то бОльшая их часть презентуется в популярных социальных сетях для дизайнеров Dribbble и Behance. Получается, что это теперь основные источники бесплатных материалов? Неужели отдельные Standalone блоги и дизайнерские онлайн-проекты утратили былую активность?

Хотя, справедливости ради стоить отметить, что также много плоских иконок есть на Deviantart – советуем воспользоваться их поиском, т. к. значительную часть наборов оттуда мы не включили в статью, дабы не раздувать ее до нереальных масштабов.

Metro UI Icon Set — 725 Icons

25 Free Flat Vector Icons

Free Program Icons

Flat Icons (PSD)

Free Flat Icons 2

Flat Icons PSD by Alberto Valentin

Flat Design Free IconSet

Google JFK Icons — ICO and PNG

Flat Design Icons Set Vol4

40 Valentine’s Icons

Если вы ищете подобную графику, то в блоге был пост про романтические кисти и вектор со множеством интересных работ.

Graphic Design Icons Set

50 Flat Icons Pack by Martz90

@2x Flat icon set [PSD]

Freebie: Cinema Icon Set (SVG)

Flat Icons / PSD

Free Flat Icon Set by Barry McCalvey

30 Flat Shopping Icons

Flat Icons (PSD) #2 by Pierre Borodin

Social Icons Freebie by Pierre Borodin

12 Flat Icons Free by Dan Vineyard

Flat Icons Practice Set PSD

Flat Icons Practice Set PSD — это 9 простых плоских иконок. Рабочая такая подборка — дискета, письмо, лупа, папка, заметка, часы и т.п.

Flat Icons Freebie

Как и в предыдущем случае, тут также содержится 9 объектов, но с закругленными краями.

Free Flat Icons

Если вы посмотрите на скриншот набора, то можете заметить, что многие варианты здесь пересекаются с другими архивами. Это нормально. Есть даже плюс-минус идентичные, но все они чем-то отличаются: наличием векторных исходников, подложкой, тенью, цветами и т.п.

Flat Design Icons Set Vol3

20 Flat Icons (PSD)

Еще 20 плоских иконок размером 128х128 пикселей в PSD формате (+вектор). Вы можете изменять их как посчитаете нужным. На светлом фоне данная графика, кстати, выглядит «спокойнее», автор, видимо, специально хотел сделать иллюстрацию набора максимально яркой.

Flaticon.com

Среди всех онлайновых архивов иконок можно выделить Flaticon, который, как вы видите по названию, специализируется на плоских Flat иконках. Слева сверху там есть блок фильтров, где разрешается выбрать бесплатные материалы и просматривать только их. Хотя в некоторых случаях, даже несмотря на статус Free советуем детальнее изучить лицензию распространения для коммерческих задач.

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

800 Flat Icons Web&Internet

100 Vector Social Media

Universal Flat Icons

280 Simple Flat Vector

8 Categories Flat Icon

Minimalist Flat UI Design Element

Set of Different Flat Icons

Итого. В ходе обновления заметки мы увеличили ее содержимое в 5 раз и получили более 55+ красивых плоских иконок для дизайнеров. Тут представлены разные тематики, стили реализации и форматы графики. Надеемся, вам этот пост пригодится в работе.

Вдохновляющие примеры flat-иконок

 Одной из самых популярных тенденций в мире дизайна на сегодняшний день является плоский (flat) дизайн. Снова уделим ему внимание и попробуем вдохновить вас на создание своих собственных плоских проектов подборкой дизайнов иконок. Здесь вы не найдете исходники (такую подборку сможете увидеть на Дежурке в ближайшем будущем).  Некоторые иконки из подборки можно отнести не к flat-дизайну, а к «почти плоскому» (такая тенденция тоже существует). Надеемся, что подборка будет вам интересной и натолкнет на новые подвиги в покорении вершин мира дизайна. 

Автор — Jee

__________________________________________

Автор — Manu Gamero

__________________________________________

Автор — Applove

__________________________________________

Автор — Sunbzy

__________________________________________

Автор — Alex Martinov

__________________________________________

Автор — Bat Braun Primor

__________________________________________

Автор — Zizaza — design ocean

__________________________________________

Автор — Sanja Veljanoska

 

 

__________________________________________

Автор — Tomasz Zagórski

__________________________________________

 

Автор — Dmitri Litvinov

__________________________________________

Автор — Pixeden

__________________________________________

Автор —  Sean Farrell

__________________________________________

Автор —  Fabio Basile

__________________________________________

Автор — Sergey Shmidt 

__________________________________________

Автор —  Noe Araujo

__________________________________________

Автор  — Oleg Turbaba

__________________________________________

 

Автор — ididi

__________________________________________

Автор — Gimpo Studio

__________________________________________

Автор — Jan Dvořák

__________________________________________

Автор — Noe Araujo

__________________________________________

Автор — Jesus

__________________________________________

Автор — Cesar Zeppini

 

__________________________________________

 

Автор — Marko Jotic

__________________________________________

 

Автор — Radosław Rzepecki

__________________________________________

 

Автор — Aric

__________________________________________

__________________________________________

Автор — Karen Dessire

__________________________________________

Автор — Bobby Giangeruso

 

 

Автор — Daniel Fass

 

 

__________________________________________

Автор подборки — Дежурка 

Смотрите также: 

бесплатные иконки для сайта.

Инструменты веб-дизайнера #1

Автор Илья Чигарев На чтение 5 мин. Просмотров 5.5k. Обновлено

Привет. Хочу вам рассказать о замечательном сервисе, которым я очень часто пользуюсь в своей работе. Его я уже затрагивал в статье Где скачать картинки?

Но сейчас хочу посвятить ему отдельную статью. Что это за сервис? Как им пользоваться?

Если Вы занимаетесь веб-дизайном, создаете сайты, например, как я лендинги, то этот сервис Вас будет очень сильно выручать. Как выручает и меня. Сайт FlatIcon.com — лучший сервис с иконками во flat-стиле в интернете.

Здесь можно скачать иконки бесплатно и использовать где угодно. Как мы видим из заголовка, здесь 173 тыс. иконок и 2700 паков, то есть наборов иконок. Это очень много. Здесь Вы найдете абсолютно все иконки, любой тематики, которая Вам нужна.

Видеоверсия статьи:

Хотите научиться делать сайты?
Чтобы сэкономить на разработке или зарабатывать деньги создавая сайты для других? Недавно я записал новый курс «Идеальный сайт на WordPress» и «Лендинг в Elementor», где рассказал пошаговый план как создавать крутые сайты. Разработкой занимаюсь более 7-ми лет, на сайтах зарабатываю более 50 тысяч в месяц и в курсе я выложил всю технологию как делать такие сайты. Курс новый — 2020 года. Берите пока свежий. Подробнее читайте по ссылке.

Как пользоваться сервисом FlatIcon?

После перехода сразу видим поисковую строку, в которую пишем название нужной иконки на английском языке. Если с английским у Вас проблема или не знаете как переводится нужное слово, просто используем переводчик google translate.
Пишем, например деньги. Переводим на английский. Это money.

Пишем в строке поиска Money и здесь появляется подсказка. То есть можно выбрать, например, money bags, то есть сумка, мешок с деньгами, или money card – это пластиковая карта и т.д.

Видим много вариантов иконок. С недавнего времени добавили еще цветные иконки . Это очень круто!

Учитывая, что сейчас идет тренд на flat стиль и много сайтов делается в этом стиле, то этот сайт будет просто незаменим, потому что здесь очень шикарные иконки. Можем сортировать по популярным или недавно добавленным иконкам.

Вот мы видим, есть классные иконки в таком стиле, очень интересно. Я бы использовал такие на своем сайте. Так же здесь есть фильтр поиска. Он несложный. Первым идет выборка по цвету (color) — одноцветный (monocolor) или многоцветный (multicolor)

Давайте понажимаем, посмотрим. Вот выбрали одноцветный, показывается черный вариант. Либо multicolor — это с использованием нескольких цветов.

Следующий пункт – stroke. Жирность, насыщенность. То есть либо иконки с заливкой, либо линейные, с использованием тонких линий. Пользуйтесь поиском, чтобы уменьшить время на поиски.

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

Что такое коллекция? Если мы нажимаем добавить в коллекцию. Cверху справа видим квадратики – это и есть наша коллекция. То есть, если нужно несколько иконок, а зачастую это так, чтобы не открывать кучу вкладок с иконками мы просто создаем коллекцию.

Собрав коллекцию, нажимаем download и на выходе получаем готовый архив с иконками, а не скачиваем каждую по отдельности. Это очень круто! И я не знаю подобных сервисов, что бы было так сделано. Да еще он, в принципе, бесплатный, потому что мы можем не авторизоваться, а просто скачивать и использовать.

Давайте выберем одноцветные icons и соберем коллекцию. В настройках можем удалить ее, либо поменять имя у каждой иконки, либо задать нужный цвет. Это тоже очень удобно. Раньше это нужно было делать через фотошоп. Сейчас это делается прямо на сайте.

Мы просто выбираем нужный цвет и они перекрашиваются. Так же цвет можем менять у каждой icon по отдельности, если нажмем на карандаш и здесь выберем нужный цвет. Так же можем выбрать не готовый, а задать с помощью кода, либо выбрать в палитре, что очень удобно.

Чтобы скачать, нажимаем на download collection, выбираем нужный формат, я выбираю png, и нужный размер, например 64. В новом окне нажимаем free download и идет скачивание архива. Final

Очень просто, очень классный сервис! Я им пользуюсь при создание каждого сайта. Вам тоже советую его выбирать.

Еще давайте быстро пробежимся, какие тут есть функции. Если выберем меню, здесь видим паки, то есть готовые наборы иконок, одного дизайна. Чтобы не подбирать из множества вариантов просто выбираем любой набор и скачиваем нужные иконки.

Далее можем делать выборку по авторам, видим сколько у него иконок, то есть такие популярные авторы можно выбирать и уже у него выбирать нужный пак и скачивать.
Далее по категориям можем ориентироваться. Звери, стрелки, арт, билдинг – строение и т.д.

Какое преимущество, если мы залогинимся? Здесь сохраняются наши коллекции, которые мы когда-то собирали.

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

Так же можно создавать множество коллекций, сейчас вроде только до пяти. Но это тоже не так критично.

В принципе я пользуюсь бесплатным тарифом, он меня устраивает. Выбрал иконку, цвет, размер – скачал.

Вот такой сервис FlatIcon.

Надеюсь я ответил на вопрос Где скачать бесплатные иконки.

Пишите в комментариях, пользуетесь или нет и свои мысли по-поводу этого сервиса. На сколько он крут и полезен.

Лучшие 50 бесплатных наборов плоских иконок для дизайна пользовательского интерфейса

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

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

Набор инструментов для конструктора иконок и пользовательского интерфейса

Неограниченное количество скачиваний: более 1 000 000 наборов значков, пользовательских интерфейсов, шаблонов каркасов, тем, плагинов и многое другое!

731 плоская иконка

от Envato Elements (731 иконка, AI, EPS, PNG, SVG и PSD)

Flat Icons

by Jan Dvorák (24 иконки, Photoshop PSD)

60 плоских иконок с персонажами

By Envato Elements (60 иконок, AI, EPS, PNG, PDF и SVG)

Простой плоский набор иконок

от Envato Elements (840 иконок, AI, EPS, PNG и SVG)

Basic Flat Icon Set

By Envato Elements (100 иконок, PSD, SVG, PNG и AI)

Набор плоских векторных иконок

от Envato Elements (250 иконок, AI, EPS, JPG, PNG, PDF и SVG)

Meroo

(110 Иконок, Photoshop PSD)

Плоский набор иконок

(60 иконок, PNG, SVG, EPS, Photoshop PSD и AI)

Плоские иконки

(20 иконок, Photoshop PSD)

Плоские иконки

(24 иконки, Photoshop PSD)

Flat Icons Pt.1

Пьера Бородена (12 иконок, Photoshop PSD)

Flat Icons Pt.2

by Pierre Borodin (12 иконок, Photoshop PSD)

Квасир Набор иконок

(180 иконок, PNG, Photoshop PSD)

Publicons

(12 иконок, PNG и SVG)

Плоские социальные иконки

от Хорхе Кальво (72 иконки, AI и EPS)

Flat Social Icons

by Thiago Marques (14 иконок, Photoshop PSD)

20 бесплатных высококачественных наборов иконок в плоском дизайне

Вы можете использовать этот гигантский набор из более чем 3000 иконок в стиле плоский дизайн даже в своих коммерческих проектах. Раскрытие информации: Я являюсь основателем Iconshock, сайта, который создал и выпустил этот бесплатный набор иконок.

Этот PSD-файл содержит 9 значков в популярном стиле плоского дизайна для значка вашего мобильного приложения.

12 иконок в плоском стиле в файле PSD.

Бесплатный PSD-файл, содержащий значки популярных социальных сетей, таких как Facebook и Twitter, разработан техасским графическим дизайнером Натаном Брауном.

5. Плоский набор социальных иконок премиум-класса

Набор из 20 бесплатных плоских иконок социальных сетей в двух вариантах: «закругленные углы» и «круги».

6. Плохое

Словацкому UI-дизайнеру Лукасу Юрику понадобился месяц, чтобы создать эти 48 плоских иконок. Теперь он раздает это бесплатно.

В этом наборе 9 плоских иконок в формате PSD.

Этот бесплатный набор значков содержит 16 бесплатных значков с плоским дизайном.Этот набор был вдохновлен Google. Это четвертое дополнение к этой серии наборов иконок от PIXEDEN.

9. Набор иконок для сада

Этот бесплатный набор иконок с плоским дизайном содержит 12 красиво оформленных иконок веб-дизайнером из Великобритании Шоном Дона.

Этот бесплатный набор из 24 значков социальных сетей в формате PSD использует тенденцию дизайна длинной тени, которая придает плоскому дизайну некоторую глубину.

Вот еще один бесплатный пакет из 20 чистых значков с плоским дизайном в форматах PSD и PNG.

Еще один набор иконок Натана Брауна, это набор из 25 бесплатных плоских иконок в одном файле PSD.

13. Бесплатные плоские иконки (от Sensational Fix)

Этот бесплатный набор из и 36 иконок социальных сетей с плоским дизайном находится в форматах векторных файлов EPS и AI. Вы также можете получить версию иконок в HTML / CSS / SVG здесь.

14. Бесплатные красочные иконки (PSD)

Эти 12 ярких красивых иконок в стиле плоского дизайна представлены вам в формате PSD.

Этот набор значков с плоским дизайном содержит случайный набор полезных значков, таких как значок с увеличительным стеклом и значок с изображением шестеренки и ; похоже, он ориентирован на дизайн пользовательского интерфейса.

Этот набор интересных иконок в стиле плоского дизайна создан Майклом Шульцем из Висконсина.

Набор иконок , состоящий из 6 элементов, поставляется в форматах PSD и .sketch.

Это яркий набор бесплатных иконок с плоским дизайном.

32 плоских значка станут вашими для личного использования, если вы загрузите этот набор.

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

Большой список плоских иконок и иконочных шрифтов

Иконочные шрифты потрясающие. За исключением того факта, что они должны быть одноцветными, они лучше, чем использование изображений в качестве значков во всех отношениях. Но что вы выберете? Есть множество различных наборов.Я попытаюсь собрать их всех здесь и постоянно обновлять (этот пост уже обновлялся несколько раз).

Пиктос


Номер 600+
Стоимость 19–249 долларов

Pictos — это иконочный шрифт, который действительно популяризировал эту идею. В дополнение к наборам они также предлагают Pictos Server, сервис, который позволяет вам создавать свой собственный набор шрифтов из своей библиотеки значков и размещать / обслуживать его для вас.Это позволяет использовать очень маленькие (быструю загрузку) файлы шрифтов и удобный интерфейс для обновления ваших текущих наборов.

Набор символов


Набор символов

уникален тем, что он превращает слова в значки. Напишите слово «сердце» и получите. Это работает через OpenType, функцию типографики современных браузеров.

Современные пиктограммы


v1 распространяется бесплатно на Font Squirrel. v2 оплачивается вместе с полным набором по цене 25 долларов США или отдельными иконками по цене от 0,50 доллара США.

Пиктонический


Номер 2586
Стоимость Плата за значок, или 199 долларов

Pictonic также предлагает услугу размещенных значков и уникальную цену (0 долларов США.59 за иконку).

StateFace


StateFace имеет все 50 штатов США в виде значка шрифта. Когда они вам нужны, они нужны вам.

Геобаты


GeoBats — это иконка с изображением стран мира. GeoBats находится на DaFont.com, и стоит выполнить поиск по «иконке» там, чтобы увидеть другие бесплатные вещи, которые у них есть.

iconSweets 2


Также имеет бесплатную предшественницу.

Эрлер Дингбатс


Значительное улучшение стандартных дингбатов.

Типограмма


CleanIcons


Метеоконы


По погоде!

Ecqlipse 2


Под ними небольшие тени (не совсем «плоские»). Очень маленький предшественник.

Heydings Иконки


IcoMoon


Номер 500+
Стоимость Бесплатно — 59 долларов

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

Культовый


Геди Ривера Социальная


Фонд Иконки


Номер 47 + несколько других мини-наборов
Стоимость Бесплатно

Может использоваться с Zurb Foundation или без нее.

Фико


Моноширинный.

Веб-символы


НаписатьСоциальный


В частности, только иконки социальных сетей. Они заявляют о «миллиардах», что явно не так.

Entypo


ClickBits


Номер ~ 400
Стоимость 12–49 долларов

В кучу разных отдельных шрифтов в зависимости от типа (например,грамм. стрелки, значки, кружки и т. д.)

Font Awesome


Разработан для использования с Twitter Bootstrap. Другими словами, это переработанная версия бесплатной версии Glyphish, с которой она поставляется.

Социальные сети JustVector


Только социальные сети.

PulsarJS


Flexi Social


Только социальные сети.

Рафаэль


Соса


Бесплатно, но они принимают пожертвования на главной странице.

Пиконовый


Номер 8 комплектов по 96 штук
Стоимость 29 $ за комплект

Стоимость только иконок в виде графики отличается, но шрифты разбиты на 8 наборов. Похоже, что покупать именно те наборы, которые вам нужны, — заноза в заднице, поскольку они просто измельчены до четных чисел. Если вам нравится набор, вам, вероятно, лучше купить один из наборов.

Дот Ком


Лучше всего достать его из DaFont, а затем запустить через Font Squirrel.

Стедиконы


Также есть Vol. 1 (312 нарисованных от руки иконок) и Vol. 2 (60 миниатюрных произведений искусства), которые являются не шрифтами, а плоскими иконками.

Типиконы


Пожертвования помогают продолжать работу.

Только плоские иконки

Следующие значки не входят в набор @ font-face, а представляют собой плоские векторные значки. Вы можете легко включить их в другие наборы с помощью таких инструментов, как IcoMoon.

Набор веб-иконок


Номер 1,600+
Стоимость 25–99 долларов

У них есть пара небольших наборов наборов, или вы можете стать участником для доступа ко всем из них по цене меньше, чем два набора.

Рондо


Социальный значок шрифта.

Геомиконы


Номер 100+
Стоимость 16 $ за комплект

Поставляется в двух наборах: один состоит из твердых фигур, а другой — из штрихов.

Пиконы


Номер 100+
Стоимость 9,90–59 долл. США

Различные наборы разных размеров и стилей по разной цене, в том числе и неплоские.

Символы


Номер ~ 500
Стоимость 5–43 долл. США

Один большой набор с парой маленьких дополнительных упаковок.

Биксель


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

Вкладки


Номер 745
Стоимость 10–60 долларов

Бесплатные обновления.

Пиксели


Также имеет набор без шрифтов с большим количеством значков, чем входит в набор шрифтов.

Нежное лицо


Бесплатно, если используется для личных или общественных сайтов.

Глифиш


Номер 400
Стоимость Бесплатно — 25 долларов

Набор из 200 штук одного размера бесплатно или набор из 400 штук двух размеров за 25 долларов.

Глификоны


Номер 350
Стоимость Бесплатно — 49 $

Бесплатно для личных и общественных сайтов или платите за бесплатные и другие форматы.

Проект существительное


Номер Зиллион?
Стоимость на значок или бесплатно с указанием авторства

The Noun Project, вероятно, самая большая коллекция иконок. Это не совсем «набор», а, скорее, огромный архив символов. Вы можете скачать их по одному бесплатно, если согласитесь указать автора, или купите символ, чтобы получить его бесплатно. Вам придется объединить их все вместе, чтобы использовать их в качестве шрифта.Вы можете отправить свой собственный.

iconmonstr


Подобно The Noun Project, iconmonstr представляет собой архив значков, в котором вы можете искать и загружать по одному при необходимости.

Партия


Поставляется с PSD, SVG и PNG

Gcons


Открытый исходный код

Пиксельный


Редактировать iPhone UI


Номер 160
Стоимость 69–189 долл. США

189 $ дает вам векторный PSD.

Простота


Пики


Номер 250
Стоимость 10–25 долларов

Доступна пара бесплатных пакетов предварительного просмотра.

Гельветиконы


Номер 600+
Стоимость 159–499 долл. США
Эко ИКО


Мэтью Скилз.

Бранкич1979 Иконки


Кутиконы


Автор Vaibhav.

Роуминг Дизайн


Только для личного пользования.

Значок Eden Glyph


Аналогичный набор в виде штрихов вместо сплошных фигур.

UIcons


Версия

@ font-face «скоро» и, скорее всего, будет небольшим набором оригиналов.

Джигсоар


Бесплатно с указанием авторства.

Космо Базовый


Вебалис


Omnigraffle трафарет для удобной вставки в него значков, если вы используете его для каркасов.Похоже, скоро выйдет большое обновление набора.

Дизайн Kindle Глифы


Перекошенные значки


Углерод


Брокколидрия


Шарлотта Свифт. Кажется, что он удален из Интернета, но живет в некоторых наборах шрифтов для значков.

Значок Minia


Автор Egemen Kapusuz.

Шелкконс


Автор Vaibhav.

105 петель


Автор Pranav.

Разработчик WPZOOM


Перо


Fontelico


Открытый исходный код и краудсорсинг («мы создадим 1 иконку на каждые 50 долларов»). Часть проекта Fontello.

Picto Foundry Icons


Метриконы


На основе Windows 8.

Pixicon


Иконки Mobile Pro


Стилистика


Номер 115
Стоимость $ 26.20 — 262 долл. США
Pixiconz


Рисованные значки


PictoPro


Каждый набор (контурный или сплошной) стоит 15 долларов или оба по 25 долларов.

Минииконы


Другая информация

  • Убедитесь, что вы используете их с правильной семантической / доступной разметкой.
  • Несколько причин, почему шрифты со значками великолепны.
  • IcoMoon — фантастическое приложение для настройки, сопоставления и создания собственного шрифта значков с использованием всего необходимого.
  • Fontello использует несколько бесплатных наборов значков шрифтов и позволяет вам выбирать символы и применять сопоставления по своему усмотрению. Подобно IcoMoon — проще, но меньше возможностей.
  • Иероглиф — Создание шрифта значка из каталога векторных файлов (SVG)
  • Glyphs — редактор шрифтов для всех.

60 удивительных плоских иконок бесплатно — Smashing Magazine

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

Созданный с большим вниманием к деталям, сегодняшний набор значков чрезвычайно прост в использовании и, скорее всего, станет следующим незаменимым ресурсом для любого из ваших дизайнерских проектов. Этот набор плоских иконок был тщательно разработан творческой командой Roundicons и выпущен исключительно для журнала Smashing Magazine и его читателей.

Этот бесплатный набор содержит 60 иконок, которые были разработаны как в круглых, так и в плоских стилях, и могут использоваться бесплатно без каких-либо ограничений и служить различным целям дизайна.Не стесняйтесь изменять размер, цвет или форму значков и использовать значки в своих коммерческих и личных проектах. Указание авторства не требуется, однако перепродажа комплектов или отдельных пиктограмм запрещена.


Цвета были выбраны с осторожностью, чтобы обеспечить максимальную гармонию при использовании нескольких значков на одной странице, а также их можно использовать в мобильных приложениях, а также в шаблонах и темах. (Большой превью)


Значки представлены в файлах различных форматов, что делает их очень простыми в использовании.Кроме того, каждый значок представляет собой плоскую иллюстрацию, которую можно использовать либо в своем круглом контейнере, либо как отдельную иллюстрацию. (Большой предварительный просмотр)


Предварительный просмотр каждого значка, включенного в набор значков, с закругленными контейнерами и без них. (Превью в большом разрешении)

Загрузите набор иконок бесплатно!

Идеи дизайнеров:
«С момента запуска наших первых 1000 плоских значков мы получили отличные отзывы, которые побудили нас доработать значки, добавить больше функций, предоставить больше форматов и, что наиболее важно, создать много новых значков. Это настоящая проблема. — попытаться охватить все темы и действия, при этом стараясь сделать иллюстрации достаточно простыми, чтобы они работали как «значки» — задача, которую мы любим! Мы получили запросы на более 800 различных иконок и на данный момент успешно создали 500 из них для нашего первого обновления. Новые идеи продолжают появляться, так что терпите нас и следите за обновлениями! »

Спасибо, дорогая команда Roundicons, за этот фантастический набор иконок! Мы искренне ценим ваше время и усилия!

Дополнительная литература по SmashingMag:

(il)

Flat Дизайн.История, преимущества и практика

Известный художник Эдгар Дега однажды сказал: «Искусство — это не то, что вы видите, а то, что вы заставляете видеть других». С точки зрения графического дизайна, который также можно определить как искусство, решающее конкретную задачу, этот поток идет еще дальше: то, что вы заставляете других видеть, часто говорит им, что делать, на что обращать внимание и помогает решить некоторые проблемы. Графический дизайн способен изменить настроение и послание посредством малейших изменений форм и оттенков, букв и интервалов.Тенденции в этой сфере, которая стала неотъемлемой частью повседневной жизни, представляют собой важный объект рассмотрения, поскольку они влияют на принятие решений и потенциал решения проблем современных продуктов, а также формируют вкусы пользователей. Сегодня мы сосредоточим внимание на одном из самых популярных направлений современного графического дизайна — плоском дизайне.

Определение плоской конструкции

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

Истоки плоского дизайна

Очевидно, плоский дизайн появился не на пустом месте. Его корни обычно уходят корнями в швейцарский стиль, прямым предком которого историки дизайна считают. Швейцарский стиль, также известный как Международный типографский стиль или сокращенно Международный стиль, — это направление, которое появилось и подверглось критике в 1920-х годах, а затем получило яркое выражение в графическом дизайне в Швейцарии 1940-50-х годов, став прочной основой графический дизайн середины 20 века по всему миру.Лидерами этого творческого движения были Йозеф Мюллер-Брокманн, представитель Цюрихской школы искусств и ремесел, и Армин Хофманн из Базельской школы дизайна. Согласно порталу Design Is History, краткое описание ключевых особенностей этого стиля таково: «… стиль благоприятствовал простоте, разборчивости и объективности. Среди множества достижений этих двух школ было использование шрифтов без засечек, сеток и асимметричных макетов. Также подчеркивалось сочетание типографики и фотографии как средства визуальной коммуникации.Основные влиятельные работы были разработаны в виде плакатов, которые рассматривались как наиболее эффективное средство коммуникации ».

Josep Müller-Brockmann, Плакат автоклуба Швейцарии, 1955 год

Йозеф Мюллер-Брокманн, Плакат ратуши Цюриха, 1955 год

Армин Хоффман, 1959 Афиша балета Жизель

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

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

Первый шаг к повышению популярности плоского пользовательского интерфейса в цифровых продуктах был сделан Microsoft, представив новый плоский и минималистский стиль своих продуктов: это движение началось в начале 2000-х годов и было широко распространено в продуктах 2010 года, в частности, в дизайне мобильных интерфейсов. для Windows Phone 7.Основные черты плоского дизайна, такие как интуитивно понятные простые формы, жирная четкая типографика, яркие контрастные цвета, длинные тени, отсутствие сложных деталей и текстур, нашли свое дальнейшее развитие в 2013 году, когда Apple выпустила iOS 7, основанную на принципах плоской графики как основа для удобных интуитивно понятных интерфейсов. Можно также сказать, что некоторые ключевые принципы плоского дизайна нашли свое выражение в Материальном дизайне для Google, но с некоторыми отклонениями, такими как тени и т. Д.

Основные и характерные особенности плоской конструкции включают:

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

Преимущества плоской конструкции

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

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

При всем вышесказанном плоский дизайн предоставляет широкое поле для творческого поиска и стилистических концепций.

Актуальные практики: области применения графического плоского дизайна

Разнообразие направлений дизайна, доступных и развивающихся в наши дни, использует плоский дизайн как гибкий и художественный подход, который в большей или меньшей степени успешно завоевывает свое место во всех из них. Давайте рассмотрим сферы применения его принципов на нескольких примерах от дизайнеров Tubik Studio.

Каркас пользовательского интерфейса

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

Дизайн пользовательского интерфейса

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

Концепции взаимодействия пользовательского интерфейса

Потяните для обновления

Взаимодействие портретной и альбомной ориентации

Анимация Pull Down

Взаимодействие панели вкладок

Элементы навигации и значки пользовательского интерфейса

Набор плоских иконок

Плоские значки, примененные в приложении Veggie

Плоские значки и вкладки для приложения «Блог»

Плоские значки, примененные в приложении Saily

Плоские элементы дизайна пользовательского интерфейса для PassFold

Иллюстрации интерфейса пользовательского интерфейса

Приложение с купонами для кафе

Приложение «Погода»

Приложение Moneywise

Иллюстрация для SwiftyBeaver

Приложение Timeline

Тематические иллюстрации

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

Бесплатные красочные обои

Обои:

, , Free Space, ,

.

Подводный исследователь

Хеллоуинский замок с привидениями

Олимпийские игры в Рио

Автобус калифорнийк

Гравюра

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

Обложка книги «Сказки эпохи джаза»

Плакат с изображением Пикачу

Журнал Muscles

Плакат отряда самоубийц

Открытка Spring Girl

Брендовый дизайн

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

Логотип-талисман для приложения Saily

Буквенный знак логотипа для PassFold

Дизайн логотипа для Андре

Логотип для Design4Users

Логотип и талисман для Toonie Alarm

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

Рекомендуемая литература

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

Функциональное искусство: 10 главных причин для применения иллюстраций в дизайне пользовательского интерфейса

Как создавать оригинальные плоские иллюстрации: советы дизайнера

Веб-дизайн: 5 основных типов изображений для веб-контента

Процесс проектирования: как создавать иллюстрации для ИТ-блога или целевой страницы

Реальные гонки.Графический дизайн для мобильной игры

Зимние Олимпийские игры. Пошаговый процесс

Многоликость графического дизайна: чем занимаются графические дизайнеры?

Пример: Тубик в Париже. Процесс разработки описательной иллюстрации


Добро пожаловать, чтобы увидеть дизайн Tubik на Dribbble и Behance

53 Великолепные наборы иконок с плоским дизайном

Для его недоброжелателей плоский дизайн — это просто тенденция, о которой следует забыть, в то время как другие провозглашают ее эволюционным шагом в дизайне.

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

Есть ли какие-нибудь наборы иконок с плоским дизайном, которые вы бы порекомендовали? Или вы создали свой собственный, которым хотели бы поделиться? Дайте нам знать в комментариях ниже.

Изображение: FlatIcons.co

FlatIcons.co предлагает великолепно оформленные плоские значки, доступные в форматах PSD, SVG, EPS и CSH, а также в четырех различных размерах. Поскольку это векторные иконки, они позволяют плавно масштабировать их до любого размера, сохраняя при этом их четкость.

Linecons — замечательный бесплатный набор иконок, который содержит 48 полностью масштабируемых векторных иконок со стилями контура. Каждый значок доступен в форматах HTML, CSS, PDF, AI, PSD, PNG и SVG.

FlatIcons.net — это бесплатный конструктор плоских значков, позволяющий создавать собственные бесплатные плоские значки, которые вы можете продавать, отдавать или использовать самостоятельно.Для начала просто выберите значок из 2500 доступных, щелкните его и настройте.

Здесь вы найдете хорошо продуманный пакет из 48 бесплатных плоских иконок, доступных в формате PSD. Это полностью масштабируемые векторные иконки, поэтому их размер можно изменять в соответствии с любыми требованиями. Они идеально подходят для веб-дизайна, приложений или инфографики.

Изображение: IconShock

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

Pixeden предлагает плоский набор иконок, вдохновленный плоским дизайном, созданный в стиле минимализма с характерными деталями. Каждый значок предоставляется в формате векторной формы PSD.

Также бесплатно доступны следующие наборы: второй, третий и четвертый.

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

Meteocons — это бесплатный набор значков погоды, содержащий более 40 значков, доступных в форматах PSD, CSH, EPS, SVG, Desktop Font и Web Font. Их можно использовать как в личных, так и в коммерческих проектах, а шрифт Meteocons Font предоставляется в форматах Truetype и OpenType в комплекте с набором @ font-face.

Изображение: Плоские иконки PSD

Это набор из 20 красочных плоских иконок в векторном формате PSD, доступный в размере 128 x 128 пикселей и вдохновленный иконками Google.Это векторные слои полной формы, поэтому их можно легко редактировать и бесплатно как для личного, так и для коммерческого использования.

Flatties от UI Parade — это супер классный набор из 100 бесплатных плоских иконок. Весь набор создается из векторных фигур с разрешением 48 x 48 пикселей и поставляется в организованных форматах PSD, AI и отдельных PNG.

Вот еще один прекрасный набор простых и тонких плоских иконок от Pixeden, доступных в форматах PSD, EPS, AI и PNG. Также бесплатно доступны следующие наборы: второй, третий, четвертый и пятый.

Эти великолепные иконки социальных сетей от Design Bolts выполнены в стиле длинной тени и бесплатны как для личных, так и для коммерческих проектов. Они доступны в размерах 32, 48, 72, 128 и 256 пикселей.

Этот пакет плоских значков от дизайнера Яна Дворжака включает 24 плоских значка, доступных для бесплатной загрузки в формате PSD, каждая из которых полностью многослойна для легкой настройки.

Это набор плоских иконок от дизайнера Сееви Каргвал, великолепно созданных в уникальном индивидуальном стиле.Шесть значков включают значки Safari, Instagram и чата, доступные в виде бесплатного PSD.

Изображение: Flat Icons — Pierre Borodin

Набор плоских значков от дизайнера Пьера Бородена, вы найдете символы интерфейса, такие как часы, календарь, заметки и электронная почта. Также доступен еще один набор плоских иконок от Бородина, доступный в виде бесплатного PSD.

Майкл Долейш разработал набор бесплатных красочных плоских значков с хорошо известными значками приложений, такими как Chrome, Spotify, Skype, Evernote и другими.Он доступен в формате PSD.

Это бесплатная коллекция из 35 красивых иконок в форматах PNG и PSD, которые можно использовать как в личных, так и в коммерческих проектах. Значки включают Dribbble, Facebook, Google, HTML5, Twitter и другие.

Это набор из 16 плоских иконок от Pixeden, доступных в виде бесплатного PSD. Каждый значок имеет эффект длинной тени, который легко редактируется в PSD. В набор входят основные значки социальных сетей, включая Twitter, Behance, LinkedIn, Dribbble и другие.

Изображение: Flat UI

Бесплатный плоский UI-комплект от Designmodo включает в себя набор плоских значков для основных элементов интерфейса, включая календарь, чат, покупки, часы и список задач.

Этот огромный набор, вдохновленный плоским стилем Windows 8, включает более 725 значков, а также значки для приложений, браузеров и операционных систем. Все значки также доступны в формате .ico с разрешением 256 пикселей.

Симпатичный красочный набор плоских иконок от дизайнера Buatoom, доступный в форматах EPS и PSD.Значки включают календарь, карты, камеру, окна браузера, электронную почту, заметки и многое другое.

Изображение: Альберто Валентин

Эти великолепные маленькие иконки от дизайнера Альберто Валентина доступны в формате PSD. Они идеально соответствуют плоскому стилю, с большим использованием ярких цветов и включают, среди прочего, чат, iMac и значки часов.

Это отличный набор бесплатных минималистичных социальных иконок от дизайнера Хорхе Кальво, готовый к использованию в печатных и веб-проектах.Они имеют формат EPS, полностью масштабируемы, а дизайн основан на сетке для достижения максимальной точности. Также доступна веб-версия в HTML с анимацией CSS3.

Эти 12 бесплатных плоских иконок в формате PSD от дизайнера Дэна Виньярда можно использовать как в личной, так и в коммерческой работе. В набор входят значки профиля, масштабирование, корзина, значки чата, значки папок и многое другое.

Александр Шульц разработал этот прекрасный набор иконок программ, доступных в формате PSD, с иконками для многих основных приложений, включая Adobe Photoshop, Illustrator и Dreamweaver, среди других.

От Джошуа Сортино, Publicons — это постоянно растущая коллекция точно настроенных значков для публикаций и платформ в стиле плоского дизайна. Работая над проектами издателей, Джошуа устал воссоздавать значки для платформ, которые обычно не входят в наборы значков.

Это отличная бесплатная услуга от Premium Pixels, которая состоит из набора плоских векторных значков файлов. Они очень просты и могут использоваться вместе с любым видом значков или надписей. Цвета также легко редактируются.

Изображение: Flat UI Kit PSD — Martin Knize

Это обширный бесплатный пакет значков в плоском стиле от дизайнера Мартина Книза, который включает более 150 значков в формате PSD. Knize также сделал два других дополнительных пакета, которые доступны для загрузки.

Plex — это набор значков в плоском стиле только для личного использования, включающий более 119 значков в формате PNG, от Chrome, Firefox, калькулятора и HTML до VLC, YouTube и Twitter. Также доступен Square Plex, вариант этого набора.

Cosmo Mini Icons — это бесплатная версия популярных иконок Cosmo, предоставляемых IcoJam, и включает впечатляющие 1262 иконки в идеальном формате PNG 40 x 40 пикселей.

Это превосходный набор великолепно оформленных иконок в плоском стиле в формате PSD от Стафи Анатолия из Epic Coders. Значки включают Google Chrome, Gmail, YouTube, Apple и другие.

Это набор иконок в градациях серого от дизайнера Барри МакКэлви в плоском стиле с календарем, часами, камерой, калькулятором и многим другим.

Вот еще один красивый набор плоских иконок от дизайнера Seevi Kargwal, который можно бесплатно скачать в формате PSD. В комплекте калькулятор, календарь, заметки, фотоаппарат и прочее.

Это еще один плоский набор иконок от дизайнера Стафи Анатолии, на котором изображены логотипы и символы самых популярных социальных сетей, таких как Dribbble, Facebook, YouTube и другие.

Изображение: Dribbble, Thiago Marques

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

Это набор тонко созданных плоских значков от студии Visual Creative в большом формате PSD с разрешением 512 пикселей. Значки включают календарь, кнопку мультимедиа, словарь и сумку для покупок.

Eldorado Mini — это бесплатная версия значков Eldorado от IcoJams, включающая более 1262 PNG 40 x 40 пикселей. Эти значки можно использовать как в личных, так и в коммерческих проектах.

Вот подборка из пяти плоских значков кредитных карт от дизайнера Яна Силбера, использующих шрифт Open Sans для единообразия.В набор входят несколько основных поставщиков кредитных карт, включая AMEX, Visa и Mastercard.

Это набор из 24 высококачественных иконок для социальных сетей, предназначенных для работы с сетчаткой, которые имеют круглую форму и яркий внешний вид и сочетают в себе два цвета. Они доступны в формате PNG в четырех различных размерах: 256 x 256 пикселей, 128 x 128 пикселей, 64 x 64 пикселя и 32 x 32 пикселя.

Набор из 30 плоских иконок социальных сетей в векторном формате, доступных для бесплатной загрузки в формате PSD. Значки включают популярные платформы, такие как WordPress, Twitter, Skype, Evernote, Dropbox и другие.

Изображение: Design Deck

Эти значки Design Deck можно загрузить как бесплатный набор из 20 или как премиальный набор, который в общей сложности включает более 800 значков. Все значки названы и сгруппированы вместе в файле PSD, который включает размеры от 32 x 32 пикселей до 512 x 512 пикселей.

Это набор из 20 простых и понятных плоских значков социальных сетей от Graphics Fuel для ваших нужд в социальных сетях. Значки создаются в размере 114 × 114 пикселей, их размер можно легко изменить и использовать для мобильных устройств или для Интернета.PSD-файл, созданный из слоев полной формы, можно легко редактировать.

Этот бесплатный пакет значков от Натана Брауна содержит 25 векторных значков в плоском стиле в одном файле PSD. Пакет имеет уникальный стиль и содержит значки для Vimeo, календаря, Facebook, Campfire, электронной почты и многого другого.

Это набор из девяти плоских иконок от дизайнера Майка Кларка, который доступен для бесплатной загрузки в формате PSD. Значки включают папку, электронную почту, чат, загрузку, блокнот и многое другое.

Пользователь Dribbble Отман Махру разработал этот набор из шести плоских значков, которые можно загрузить в формате PSD или.Формат эскиза. Махру также разработал еще один набор плоских иконок, которые доступны бесплатно.

Изображение: Dribbble

Это набор из 15 плоских пользовательских значков Adobe Creative Suite от дизайнера Тома Ньютона. Они доступны в формате .icns, и Newton даже ссылается на видео, чтобы показать вам, как изменить значки приложений на этот новый плоский стиль.

Этот пакет из 50 плоских иконок от дизайнера Мартина Книза доступен в нескольких размерах, от 48 x 48 пикселей до 512 x 512 пикселей, и доступен в формате PNG.Надстройка пакета плоских значков от Knize содержит еще 45 новых значков, и ее определенно стоит загрузить.

Это набор из 32 плоских значков от дизайнера Аллана МакЭвоя, доступных в формате .eps, что делает каждый значок легко масштабируемым и редактируемым. В набор входят многие популярные платформы, включая Dribbble, Paypal, Flickr, Dropbox, Twitter и другие.

Dribbble

От дизайнера Джареда Кеннеди, это подборка из 12 векторных иконок, доступных для бесплатной загрузки в формате PSD.Иконки выполнены в ретро-стиле и включают в себя проигрыватель фильмов, камеру Polaroid и пленку, а также более традиционные значки, такие как iPhone и чат.

Набор значков от дизайнера Вахида Анггара, этот набор включает 15 красиво оформленных значков социальных сетей в форме многоугольника, а также включает Twitter, Facebook, YouTube, Tumblr и другие популярные варианты.

Это огромный набор значков от дизайнера Мартина Книза, содержащий более 170 значков в дополнение к 45 игровым значкам. Большое внимание уделяется деталям, каждая иконка имеет форму шестиугольника.Вы можете запросить дополнительные значки для включения в будущие пакеты.

Это пакет из 20 красочных плоских иконок в векторном PSD-файле от дизайнера Джагджита Сингха. Иконки имеют размер 128 x 128 пикселей, вдохновленные иконками Google и трендом плоского дизайна. Это полностью редактируемые векторы.

Изображение: Никки Хэмпсон

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

Изображение ведущего: Monkee-Boy.com, Никки Хэмпсон

20+ бесплатных высококачественных наборов плоских иконок социальных сетей

Когда дело доходит до иконок социальных сетей, определенно важно, чтобы вы получили правильный дизайн, цвет, размер и, конечно же, эстетическое оформление.

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

В этом посте мы рассмотрим некоторые из лучших плоских значков социальных сетей, доступных сегодня в Интернете.

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

Они могут быть полезны для вашего блога, портфолио или веб-сайта.

Посмотрите внимательно, и я уверен, что вы найдете в этом списке то, что ищете!

Нужна помощь с установкой значков на ваш сайт? кликните сюда.

Pin for Later: щелкните, чтобы закрепить изображение

Плоские иконки социальных сетей для использования на вашем веб-сайте

1.Бесплатные свежие плоские иконки социальных сетей

Этот пакет содержит 24 значка, включая самые популярные социальные сети: Google+, Youtube, Instagram, Pinterest, Twitter, Facebook и т. Д. Они доступны в 4 различных размерах: 16px X 16px / 32px X 32px / 64px X 64px / 128px. X 128 пикселей.

2. 45 тонких значков

Этот набор иконок социальных сетей включает 45 плоских плоских иконок и доступен в формате PSD.

3. Набор иконок Jellyish Social

Этот бесплатный набор иконок, созданный Jellyish, поставляется с полными значками PSD и PNG.Доступные размеры: 32 x 32, 64 x 64, 128 x 128.

4. 24 линейных значка

Этот супер классный набор иконок поставляется в полностью редактируемом формате PSD, размером 114 x 114 пикселей.

Нужна помощь с установкой значков на ваш сайт? кликните сюда.

5. Бесплатные иконки для Metro Icons

Нашел на Dribbble! В этот набор входит 8 иконок в формате PSD, включая самые популярные социальные сети.

6. Ultimate Flat Social Icon Set

Этот красивый пакет содержит 20 иконок в формате PNG размером 64px x 64px.

7. 140 Простые значки

В этот пакет включены почти все сайты социальных сетей. Самые популярные из них — Ebay, Twitter, Skype, Instagram, Dropbox, WordPress, Google Plus, Youtube, Pinterest, Yahoo, Tumblr, Facebook и многие другие!

8. Плоский дизайн с длинными тенями

9. 30 иконок социальных сетей в плоском стиле

10. 150+ обведенных значков в плоском дизайне

Этот пакет содержит более 150 различных иконок в формате PNG.Доступен в 5 различных размерах: 512/256/128/64/48.

11. 15+ иконок в плоском дизайне

Еще одна качественная плоская иконка от пользователя Deviantart, Martz90! Доступно в форматах 512 × 512/256 × 256/128 × 128/96 × 96/72 × 72 пикселей.

12. Квадратный плоский набор социальных иконок

Этот потрясающий набор, сделанный Мохаммедом, содержит 24 иконки и поставляется в 5 размерах (от 512 до 16 пикселей) в 3 различных форматах: PNG, AI и EPS.

Я в восторге от них! Я обязательно воспользуюсь этим пакетом в своем следующем веб-проекте.

13. Минималистские плоские иконки, Хорхе

Иконки социальных сетей в минималистском стиле, разработанные художником Dribbble Хорхе Кальво. Он содержит 72 иконки, которые вы можете использовать для личных и коммерческих проектов.

14. Наборы иконок социальных сетей с 30 плоскими листьями

15. 24 Социальные иконки

Этот значок содержит 24 полностью редактируемых значка с плоскими круглыми, квадратными, закругленными углами и длинной квадратной формой. Поставляется в формате Ai X EPS.

16.Многоугольник плоский значок социальных сетей

17. Набор социальных иконок iOS7

Этот набор поставляется в формате PNG трех различных размеров — 32 x 32, 64 x 64, 128 x 128.

18. Набор иконок для социальных сетей от Dustn

Набор значков

Dustn состоит из 6 наборов из 15 значков социальных сетей. Всего 90 иконок.

20. 35 темных и закругленных значков

Этот набор доступен в цветном и сером вариантах, он поставляется в форматах PSD и PNG размером 48 x 48 пикселей.

21. 24 круглых значка социальных сетей

Сделано мной для Oneextrapixel. Доступны в формате PNG и имеют размеры 32 x 32 пикселя, 64 x 64 пикселя и 128 x 128 пикселей.

22. Световые иконки социальных сетей

Этот набор значков от KPL IT Solutions содержит 30 значков 5 различных размеров.

23. Компьютерные иконки

Этот забавный набор иконок от Абдулрахима Баджабера содержит 40 плоских иконок и доступен в формате PSD.

24. 28 (Бесплатно) Super Awesome Icons

Загрузите бесплатную версию значков социальных сетей. Этот набор состоит из 45 различных размеров — 512 пикселей, 256 пикселей, 128 пикселей, 64 пикселей и 32 пикселей, и все они являются векторными фигурами с изменяемым размером на 100%.