Плоские иконки для B2B-интерфейса единым набором

Выходит лист три на три: девять деловых пиктограмм в двух цветах, ровная линия, белый фон, поля примерно одинаковые. Для презентации продукта или черновика UI-кита этого достаточно. Честно про слабое место: консистентность. Все девять в одном стиле Шедеврум держит редко — две-три иконки выпадают по толщине линии, детализации или размеру, а тема иногда подменяется соседней (вместо замка выходит щит, вместо календаря блокнот). Рабочая схема: сделать четыре-пять листов на один и тот же промпт, собрать лучшие фигуры мысленно, а провалившиеся добрать по одной, повторяя в каждом заходе палитру, толщину линии и слова про плоскую заливку слово в слово. Два ограничения сверху. Подписи под иконками не заказывайте: кириллицу официально умеет только Exp по подписке Про. И на выходе растр, не SVG — в дашборд иконки попадут только после обводки в Figma по этой картинке как по образцу. На превью к этой карточке видно ровно эту слабость: в наборе два одинаковых силуэта человека — модель поставила его и на место профиля, и на место команды. Кадр оставлен как есть, потому что он честно показывает, что придётся добирать вручную. Тема набора и число иконок — два слота, за которыми тянется всё остальное. Под мобильное приложение: дом, поиск, профиль, настройки, корзина, чат, календарь, замок, колокольчик. Под финтех: кошелёк, карта, перевод, история операций, договор, поддержка, уведомление, настройки, выход. Под сайт магазина: доставка, гарантия, оплата, возврат, отзыв, контакты, каталог, избранное, аккаунт. Двухцветная деловая палитра одинаково держит все три, меняется только перечень тем. Число иконок — это сетка, и переписывают их вместе: шесть — «сетка три на два», четыре — «два на два». А шестнадцать одним листом просить не стоит: уже на девяти две-три фигуры выпадают из стиля, а на четырёх рядах фигура мельчает настолько, что тонкие просветы внутри неё затягиваются. Проверка простая: уменьшите готовый лист до размера, в котором иконка стоит в интерфейсе, и посмотрите, какие темы перестали отличаться друг от друга. Их и добираете отдельными заходами. Тёмный UI собирается заменой, а не добавкой: вместо белого поля — «белые иконки на глубоком синем поле». Контурный набор описывается так же утвердительно: «фигура нарисована одной ровной линией, внутри тот же цвет, что и поле». Хвост из чужих генераторов вроде «no shadows, no gradients, no text» сюда не переносится — его работу делают утверждения, уже стоящие в промпте: матовые поверхности, равномерный тон, резкие ровные края. Точный бренд-цвет в HEX задавать бессмысленно, слот цвета здесь — описание, а не код. Генерируйте в нейтральном синем и перекрашивайте при обводке.

Полезные статьи

Все гайды →