14:38, 1 Июня 2015

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

14:38, 1 ИЮНЯ

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

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

Вам повезло! Это именно то, что мы собираемся сегодня показать вам.

Иконки выполнены преимущественно в минимализме, без излишеств. Большинство иконок UI-ориентированы, но есть также и обычные.

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

1. Flaticon



На этом популярном сервисе Вас могут заинтересовать следующие наборы иконок.

Основной набор векторных UI иконок

Независимо от того, какие сайты или программы вы проектируете, всегда приветствуются использование основных иконок пользовательского интерфейса. Этот набор предлагает более 50 векторных иконок для общих элементов, таких как Главная, Поиск, Отмена, базовые элементы навигации и прочее. Данный пакет содержит иконки в SVG, EPS, PSD и PNG версиях.

Basic-UI-Icons

Набор общих векторных UI иконок

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

General-UI-Icons

Пакет содержит SVG, EPS, PSD и PNG версии иконок. Эти иконки очень простые, но так как они векторные, вы можете изменить их, ведь они легко редактируются.

Больше общих векторных иконок

Вполне возможно, в предыдущих наборах были представлены все иконки, которые вам были нужны (а может и больше), но никогда не помешает иметь еще больше бесплатных ресурсов. Вот еще несколько общих векторных иконок. Это самый большой набор — более 140 иконок и он содержит больше объектов, таких как значки вложений, блокировки, диаграмм, значки секторных диаграмм и многие другие.

More-General-Icons

Иконки доступны в SVG, EPS, PSD и PNG форматах, что означает, что вы можете редактировать их так, как вам заблагорассудится.

Круглые плоские UI иконки

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

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

UI-Flat-Icons

Круглые плоские иконки форм

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

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

Shapes

Векторные иконки курсоров и указателей

Вряд ли найдется дизайнер, которому не нужны иконки курсоров и указателей. Этот набор содержит более 70 бесплатных иконок в SVG, EPS, PSD и PNG форматах, не много, но там много иконок, которые можно использовать «как есть» или использовать в качестве основы, чтобы создать свой собственный указатель или курсор.

Cursors-and-Pointers

Более 80 бесплатных векторных иконок с изображением телефона

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

Phone-Icons

2. Elegantthemes



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

На самом деле, там 192 иконки, но представлены они в двух версиях: цветной и черно-белой. В пакете представлены иконки в AI, EPS, PDF и PNG (64px и 128px) форматах.

Assorted-Icons


3. Freepik



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

Набор предоставляется в двух версиях: коммерческая лицензия (5 $) и бесплатная версия (требует атрибуции).

Rounded-contact-icons-vector-pack


4. Vecteezy



Выбор социальных иконок просто огромный. Однако, если вы ищите простые, минималистичные, плоские иконки социальных сетей, варианты сужаются.
На сайте Vecteezy представлены простые минималистичные иконки социальных сетей.

Набор содержит 12 иконок наиболее популярных социальных сетей. Каждая иконка помещена в квадратную, закругленную и круглую формы. Набор содержит иконки в EPS и PNG форматах (32×32 с 16×16).

Flat-Social-Icons

Так что мы имеем: 10 разнообразных наборов иконок для ваших следующих проектов.

Отписывайтесь в комментариях, если у вас есть какие-то свои интересные источники векторных иконок или замечания относительно этих наборов.

Успехов в Ваших проектах и хорошего дня!

Источник: 10 Quality Free Flat Icon Sets for Your Designs

Читайте также

Как начать работу с CSS Shapes
11:34, 6 Июля 2015
Мы покажем вам CSS Shapes и то, что они из себя представляют. Объясним основные концепции, чтобы можно было начать ими пользоваться. Читать далее
3 катастрофы адаптивного дизайна и как их избежать
12:51, 29 Июня 2015
Распространенные ошибки, с которыми сталкиваются дизайнеры, когда проектируют отзывчивый дизайн. А также решения, благодаря которым, можно их избежать. Читать далее
Ломающий традиции поиск
12:56, 22 Мая 2015
Своеобразный инструмент поиска работает на сайте интернет-магазина ZARA. На сколько он эффективен? Читать далее
Простые примеры для успешной кнопки
12:57, 12 Мая 2015
Кнопка призыва к действию имеет колоссальное значение для конверсии страницы. По сути, она представляет собой цель вашей страницы. Читать далее