Shapesoda
English

Перевести иконки в SVG

Превратите PNG-иконки в чёткие и лёгкие SVG для сайта, приложения или дизайн-системы.

Нет картинки под рукой? Попробуйте пример:

Иконка должна быть чёткой и в 16 px, и в 512 px, в светлой и тёмной теме, на любом экране. Один SVG с этим справляется, а папка PNG разных размеров — нет. Shapesoda переводит растровые иконки в компактные SVG с чистой геометрией и работает как со сглаженными иконками, так и с пиксель-артом с резкими краями.

Как перевести иконку в SVG

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

Советы для иконок

  • Берите самый крупный размер иконки: исходник 512 px трассируется гораздо лучше, чем 32 px.
  • Пиксель-арт? Shapesoda сам распознаёт резкие пиксельные края без сглаживания; тип изображения «Резкие» можно выбрать и вручную.
  • Меньше цветов — меньше и проще SVG. Для иконок интерфейса это идеально.
  • Уменьшите «Узлы» в настройках контуров, чтобы файл стал ещё легче.

Как использовать SVG

SVG работает прямо в HTML и CSS, в Figma и Sketch, в конвейерах сборки иконок. Кнопка «Копировать SVG» кладёт код в буфер обмена — вставьте его в код или в редактор.

Всё для чистого вектора

Точные кривые и углы

Плавные кривые Безье там, где форма круглая, и острые углы там, где она острая, — без дрожащих краёв.

Палитры цветов

Готовые варианты палитры или точные цвета на ваш выбор. Похожие оттенки объединяются в один клик.

Инструменты правки

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

Пакетная обработка

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

Все нужные форматы

SVG для сайтов, PDF и EPS для печати, DXF для плоттеров и CAD, PNG любого масштаба.

Конфиденциально

Картинки обрабатываются в памяти и хранятся только во временном хранилище на короткое время. Для обучения не используются.

API и MCP для разработчиков и ИИ-агентов

Векторизуйте из своего кода или поручите это Claude Code и Cursor. Ключ создаётся в меню аккаунта; кредиты те же, что на сайте.

Документация API →

Вопросы

Можно ли потом перекрасить иконку?

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

Переведёт ли сервис эмодзи или чужие иконки?

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

Можно ли автоматизировать перевод иконок?

Да. REST API и MCP-сервер позволяют скриптам и ИИ-агентам переводить иконки тем же движком и за те же кредиты.

Что такое кредит?

Один кредит — одна скачанная картинка в любом формате. Повторно скачать ту же картинку, даже в другом формате, можно бесплатно в течение 30 дней.

Кредиты сгорают?

Нет. Кредиты из пакетов не сгорают и остаются на счёте, пока вы их не потратите.

Вы храните мои картинки?

Нет. Картинки обрабатываются в памяти сервера и никогда не записываются на диск. Редактор держит картинку, только пока вы с ней работаете; файлы, отправленные через API, лежат во временном хранилище ровно столько, чтобы вы успели скачать результат, и удаляются сами. Для обучения моделей мы их не используем. Список недавних картинок на стартовом экране хранится только в вашем браузере.

Кому принадлежат векторные файлы?

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