Нейросеть для иконок: что умеет ИИ

Какие иконки ИИ рисует хорошо, а какие проваливает?

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

Разброс по типам примерно такой:

• Объёмные 3D-иконки и стикеры. Получаются с первого-второго раза, годятся для лендинга и презентации.
• Плоские цветные иллюстрации. Выходят прилично, но края бывают нечёткими, а формы слегка «пляшут» от кадра к кадру.
• Линейный стиль в один штрих. Самая частая просьба и самый частый провал: толщина линии гуляет, скругления разные, центрирование съезжает.
• Иконки с текстом или цифрой внутри. Ломаются почти всегда, особенно на кириллице.

Причина последнего пункта не в конкретном сервисе. В 2022 году исследователи Google в работе «Character-Aware Models Improve Visual Text Rendering» показали: генераторы изображений не видят слово по буквам и вынуждены угадывать начертание глифов. Энкодеры с посимвольными признаками обошли «слепые» аналоги более чем на 30 пунктов точности на редких словах в бенчмарке DrawText. Для мелкой графики это означает, что букву внутри иконки надёжнее нарисовать шрифтом поверх.

Почему набор разъезжается по стилю?

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

Что именно уезжает от кадра к кадру:

1. Толщина обводки: в одной иконке 4 пикселя, в соседней 7.
2. Радиус скругления углов.
3. Оптический размер объекта в кадре — где-то иконка занимает 60% площади, где-то 85%.
4. Оттенок: «синий» превращается то в индиго, то в бирюзовый.
5. Наличие тени, которую вы не просили.

Как удержать один стиль во всём наборе?

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

Референс. Сгенерируйте одну эталонную иконку, доведите её до нужного вида, а дальше загружайте как исходник и просите нарисовать следующую «в том же стиле, той же толщиной линии, на том же поле». Модель с редактированием изображений держит стиль заметно лучше, чем генерация с нуля: Nano Banana понимает русский и принимает картинку на вход, одна генерация стоит 55 токенов.

Лист вместо штук. Просите не одну иконку, а сетку 3×3 в одном изображении: «девять иконок на одном холсте, сетка три на три, одинаковый стиль, равные отступы». Внутри одного кадра модель держит стиль сама, потому что рисует все иконки вместе. Резать на отдельные файлы придётся вручную, зато набор выйдет однородным.

Жёсткий словарь. Зафиксируйте формулировки и не меняйте их между запросами: одна и та же фраза про толщину, скругления, цвет фона и поле вокруг объекта. Любая переформулировка читается моделью как новое требование.

Для сложных наборов лучше держит детали Nano Banana Pro: по документации Google эта модель прогоняет внутренний этап обдумывания композиции перед генерацией и выдаёт разрешение вплоть до 4K.

Что происходит с иконкой при уменьшении до 24 точек?

При уменьшении до размеров интерфейса иконка теряет всё, что делало её красивой в превью, и это чистая арифметика. Nano Banana в квадратном формате выдаёт 1024 × 1024 пикселя, а интерфейсная иконка живёт на 24 точках.

Считаем: 1024 делим на 24, получаем коэффициент около 42. Обводка толщиной 4 пикселя в исходнике превращается в 0,1 точки и просто исчезает при отрисовке. Внутренние просветы шириной 10 пикселей схлопываются в четверть точки и сливаются в пятно.

Профессиональные библиотеки решают это по-другому. В документации Material Symbols описана ось оптического размера: набор покрывает диапазон от 20 до 48 dp, и толщина штриха меняется вместе с размером, чтобы иконка выглядела одинаково на всех величинах. Генератор картинок так не умеет: он отдаёт одну картинку в одном размере, а дальше её просто масштабируют.

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

Почему на выходе PNG, а не SVG?

Генератор изображений отдаёт растр — сетку пикселей, и никакой промпт этого не изменит. SVG устроен принципиально иначе: по спецификации W3C это язык разметки на базе XML, описывающий двумерную векторную графику, то есть текстовый файл с координатами кривых.

Отсюда разница, которая всплывает уже в макете:

Свойство	PNG из генератора	SVG
Что внутри файла	пиксели	XML-описание кривых
Масштабирование	мылится и рассыпается	без потерь на любом размере
Перекрасить одной строкой	нет	да, через fill
Заменить одну деталь	перерисовать целиком	правкой пути
Вес простой иконки	десятки килобайт	обычно единицы килобайт

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

Как перевести растр в вектор?

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

Potrace. Классический трассировщик, вход только битмап в форматах PBM, PGM, PPM или BMP, выход — SVG, PDF, EPS, PostScript, DXF, GeoJSON и другие. Ключевое ограничение записано в его собственном FAQ: файл должен быть двухцветным, а все прочие цвета и оттенки серого сводятся к чёрно-белому ещё до начала обработки. Цветная ИИ-иконка с градиентом превратится в силуэт.

VTracer. Открытый конвертер растра в вектор от visioncortex, лицензия MIT. В его README прямо сказано, что в отличие от Potrace у него есть конвейер обработки цветных изображений. Проект живой: последний релиз 1.0.0-alpha.3 вышел 1 августа 2026 года, а поставляется он и как rust-крейт, и как пакет для Python, и как npm-модуль. Страница проекта — github.com/visioncortex/vtracer.

Порядок работы, который экономит время:

1. Сгенерируйте иконку максимально контрастной, без градиентов и теней.
2. Уберите фон, чтобы получить прозрачный PNG: инструмент удаления фона отдаёт вырезанный объект за 30 токенов.
3. Прогоните через трассировщик.
4. Откройте результат в векторном редакторе и вычистите лишние узлы — их после автотрассировки всегда больше, чем нужно.

Промпт для иконки: четыре обязательных блока

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

1. Объект. Что изображаем, одним существительным: «конверт», «щит с галочкой».
2. Стиль. «Плоская линейная иконка, обводка одинаковой толщины, без заливки, без теней и градиентов».
3. Композиция. «Объект по центру квадратного холста, поле вокруг объекта 15% ширины, белый фон».
4. Ограничения. «Без текста, без подписей, без мелких деталей, максимум две фигуры».

Собранный пример: «Плоская линейная иконка конверта, обводка одинаковой толщины, без заливки и теней, объект по центру квадратного холста, поле вокруг 15%, белый фон, без текста и мелких деталей». Дальше меняете только первое слово и держите остальное неизменным.

Сколько стоит набор из десяти иконок?

Набор из десяти иконок обходится в 10–15 генераций с учётом переделок, то есть в несколько сотен токенов. По нашим тарифам это единицы рублей за весь комплект.

Шаг	Инструмент	Стоимость
Эталонная иконка, 2–3 попытки	Nano Banana	55 токенов за генерацию
Сетка 3×3 в одном кадре	Nano Banana Pro	90 токенов
Прозрачный фон	rembg	30 токенов

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

Где ИИ-иконки уместны, а где брать готовые

Уместны они там, где нужен характер и нестандартный объект, которого нет в библиотеках. Неуместны там, где важна системность.

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

Берите готовую библиотеку, когда собираете интерфейс: там нужны десятки согласованных значков, векторный формат и предсказуемое поведение на разных размерах. Material Symbols раздаются под лицензией Apache 2.0 и доступны в SVG и PNG — для интерфейсной сетки это быстрее, чем полдня чинить сгенерированные линии.

Логика та же, что и с фирменным знаком: генератор даёт идею, а финальный файл всё равно доводят в векторе. Подробно этот путь разобран в статье про нейросеть для логотипа. А если иконки нужны для баннера или креатива, посмотрите разбор в материале про нейросеть для рекламы — там та же проблема с мелкой графикой и текстом.

Источники

• Google, «Material Symbols and Material Icons», developers.google.com (проверено 7 августа 2026).
• W3C, «Scalable Vector Graphics (SVG) 2», w3.org (проверено 7 августа 2026).
• Peter Selinger, «Potrace: Transforming bitmaps into vector graphics», potrace.sourceforge.net (проверено 7 августа 2026).
• visioncortex, «VTracer: Raster to Vector Graphics Converter», github.com (проверено 7 августа 2026).
• Google Research, «Character-Aware Models Improve Visual Text Rendering», 2022, arxiv.org (проверено 7 августа 2026).
• Rodriguez et al., «StarVector: Generating Scalable Vector Graphics Code from Images and Text», arxiv.org (проверено 7 августа 2026).