Интерактивный векторный SVG-редактор
Векторный редактор в браузере без задержек: цвета, толщина обводки, viewBox, трансформации, отступы, фоны и мгновенный экспорт в SVG/PNG.
Direct canvas editing: select a part, then drag to move. Use the picker’s Replace selected or Add layer modes to build a composite SVG.
Закрепите несколько настроенных иконок и соберите один лист символов.
Иконки пока не закреплены. Закрепите их, чтобы собрать один лист.
Создайте промпты ИИ или улучшите иконку на холсте
Выберите шаблон, скопируйте промпт в свой ИИ инструмент или улучшите иконку на холсте.
Интерактивный векторный SVG-редактор
Векторный редактор в браузере без задержек: цвета, толщина обводки, viewBox, трансформации, отступы, фоны и мгновенный экспорт в SVG/PNG.
Загружаемые файлы .svg (до 2 МБ), вставленный XML или живой поиск по каталогу
Очищенный SVG 2.0, PNG/WebP высокой чёткости, JSX/TSX, Vue, Svelte, CSS-маска
Неразрушающее редактирование DOM с историей на 50 шагов и локальной очисткой от XSS
Как использовать Интерактивный векторный SVG-редактор
-
1
Вставьте код SVG или загрузите файл на холст редактора.
-
2
Выберите любой слой или узел и настройте заливку, обводку, радиус и координаты.
-
3
Включите сетку и привязку для попиксельного выравнивания.
-
4
Скачайте отредактированный SVG или скопируйте очищенную разметку.
<circle cx="24" cy="24" r="12" fill="#f59e0b"/>
<circle cx="24" cy="24" r="16" fill="#f59e0b" stroke="#24324a"/>
Ограничения
- Текст вдоль кривой (textPath) в этом редакторе не редактируется.
- Размер загружаемого файла ограничен 2 МиБ.
- Экспорт из Figma должен быть в формате SVG (PDF отклоняется при разборе).
Файлы, которые вы открываете или вставляете в эту мастерскую, обрабатываются локально в вашем браузере. Ничего не отправляется на сервер.