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

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

⌘V вставить · ⌘O открыть · пакетно
Нет картинки под рукой? Попробуйте пример:

Картинка в вектор: почувствуйте разницу

Слева — пережатый JPEG. Справа — чистый SVG от Shapesoda. Потяните, чтобы сравнить.

Логотип: compressed JPEG
Логотип: vector SVG by Shapesoda
JPEG, 170 pxVector
Логотип
Персонаж: compressed JPEG
Персонаж: vector SVG by Shapesoda
JPEG, 400 pxVector
Персонаж
Надпись: compressed JPEG
Надпись: vector SVG by Shapesoda
JPEG, 480 pxVector
Надпись

Иконка должна быть чёткой и в 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-градиентами.

Все форматы

SVG, PDF, EPS, AI, DXF и PNG из одного результата.

Векторизация прямо в ИИ-чате

Подключите Shapesoda к Claude, ChatGPT, Cursor или любому MCP-клиенту.

Правка прямо в браузере

Перекрасьте, дорисуйте, возьмите цвет пипеткой или уберите фигуру. Illustrator не нужен.

Один запрос к API

Отправьте JPG или PNG и получите SVG. Встройте векторизацию в своё приложение.

Частые вопросы

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

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

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

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

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

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

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

Без подписки один кредит — одна скачанная картинка в любом формате. Личной подписке кредиты на сайте не нужны, API-подписка добавляет кредиты каждый месяц. Повторно скачать ту же картинку, даже в другом формате, можно бесплатно в течение 30 дней.

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

Пока API-подписка действует — нет: остаток переходит дальше, но не больше 5 месячных объёмов. Когда подписка закончилась, её кредиты сгорают. Бесплатный кредит новым аккаунтам не сгорает.

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

Только когда это нужно вам. Редактор держит картинку в памяти, только пока вы с ней работаете, а запрос к API на один формат не хранит ничего. Если в API запросить несколько форматов или хранение, а также в MCP картинка и результаты хранятся 24 часа в зашифрованном виде — ключ есть только у вас (скачать может любой, у кого есть ссылка на результат), — и потом удаляются сами. Для обучения моделей мы их не используем. Список недавних картинок на стартовом экране хранится только в вашем браузере.

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

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

Первое скачивание бесплатно

Аккаунт создаётся за секунды. Первый векторный файл за наш счёт.

⌘V вставить · ⌘O открыть · пакетно
Нет картинки под рукой? Попробуйте пример: