5 лучших онлайн редакторов иконок

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

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

  • легко и быстро создавать новые материалы;
  • придать существующим наработкам завершенный вид;
  • сохранять результат в разных форматах (SVG, ICO & PNG);
  • создавать иконки для favicons.

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

IconsFlow

IconsFlow.com - сервис редактор иконок

IconsFlow.com — векторные иконки + редактор позволяющий создавать персонализированные наборы и экспортировать их в хорошем качестве (SVG, ICO & PNG). Главным преимуществом сервиса является наличие двух редакторов:

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

Если вы уже создали иконки в Illustrator, просто загрузите файлы SVG и поэкспериментируйте с разными фонами. В IconsFlow существуют определенные ограничения при бесплатном использовании, поэтому убедитесь, что вы с ними ознакомились перед стартом. Для начинающих пользователей имеются уроки и раздел помощи, к тому же есть возможность работать в редакторе иконок на русском.

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

Вид векторного редактора IconsFlow:

IconsFlow - редактор векторных иконок

Примеры работ:

Результат работы IconsFlow

FlatIcons

FlatIcons - редактор иконок на основе шаблонов

С помощью  FlatIcons.net вы можете создать свою флэт-иконку (в плоском стиле) на основе готовых шаблонов. Задавайте размеры, выбирайте рисунок и основной фон (круги, кольца, прямоугольники), меняйте цвет. Этот редактор иконок бесплатный, но у него есть два недостатка:

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

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

Пример иконок во FlatIcons

Launcher Icon Generator

Бесплатный Launcher Icon Generator

Проект Launcher Icon Generator бесплатный и, как мы думаем, больше подходит для продвинутых пользователей. Данный онлайн редактор иконок позволяет загружать изображения / клипарты и добавлять текст. Вы можете скачать по одной иконке за раз в 5 размерах (48 x 48; 72 x 72; 96 x 96; 144 x 144; 192 x 192).

В качестве базового клипарта используется набор графики в стиле Material Design из GitHub. Сервис содержит такие настройки как: отступы, форма, цвет или прозрачность фона, масштабирование + дополнительные эффекты. Результат:

Результат редактора иконок Launcher Icon Generator

Android Material Icon Generator

Сервис Android Material Icon Generator

Android Material Icon Generator — еще один инструмент создания флэт-иконок. Фишкой сервиса определенно является эффект в виде длинной тени. Если вам нужны подобные решения — этот редактор иконок будет идеальным вариантом.

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

Используем Android Material Icon Generator

После скачивания в файле-архиве найдете 6 PNG разного размера и векторный файл SVG. В Illustrator иконка SVG будет размытой, но, к счастью, она хорошо смотрится в браузере. В итоге получается что-то вроде:

Пример иконок из Используем Android Material Icon Generator

Simunity

Simunity - сервис редактор иконок онлайн

Сайт Simunity – это генератор на базе HTML5, где можно создать иконку и затем скопировать код, чтобы отобразить ее в ваших веб-проектах. В качестве исходных материалов используются иконки из Font Awesome, для которых выбираются разные параметры: цвет, рамка, размер и стиль теней.

Данный сервис пригодится, если вам необходимо быстро создать простые оригинальные иконки для сайта. Результат применения Simunity:

Иконки в Simunity

Итого. Рассмотренные выше онлайн редакторы иконок – отличные инструменты для оптимизации работы дизайнеров. Нет смысла скачивать какие-то программы, когда все можно легко и быстро делать в сети. Из этой подборки, пожалуй, можно выделить IconsFlow. В нем собрано максимально большое число функций: галерея иконок, загрузка SVG, код для встраивания, предварительный просмотр, создание собственных шаблонов, экспорт PNG, ICO и SVG, адаптация размера, модные стили и встроенный векторный редактор. К тому же это единственный бесплатный редактор иконок на русском, если для вас это важно.

Если знаете еще какие-то похожие сервисы, присылайте варианты в комментариях. 

8 комментариев к статье “5 лучших онлайн редакторов иконок”
  1. Иван

    Интересные сервисы. Будем пробовать! Спасибо.

  2. Димон

    Неплохо! Знал только FlatIcons. Генератор иконок с длинной тенью отлично его дополнит, получится совсем другой стиль.

  3. Аня

    Хочу сделать фавиконку для сайта? Эти сервисы мне подойдут?

  4. Tod

    Аня, если вы хотите получить фавикон сразу, то в данной подборке только первый сервис позволяет сохранять в ICO формате.
    В любом случае вы можете сначала создать нужную иконку-картинку, а потом уже через Фотошоп или другие редакторы привести ее к требуемому виду. Возможно, вам также пригодится эта статья про favicon.

  5. Марина

    Здравствуйте мне нужен фон для надписи в группу,подскажите как сделать?

  6. Tod

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

  7. niya

    С чего это вдруг ICONSFLOW бесплатный ? Там туча ограничений по размеру , количеству и т.д. иконки , если сделать бесплатно. Итого с этим «бесплатно» вы получите никому ненужную малюсенькую никуда непригодную иконку

  8. Tod

    Niya, спасибо за дополнение к статье. Возможно, в момент ее написания ограничений было поменьше и они были не такие строгие, как сейчас. А так да, многие сервисы используют статус «бесплатно» весьма условно и со всякими нюансами.

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

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