SVG в base64 и data URI
Откройте или нарисуйте SVG — скопируйте его как base64, data URI, CSS-фон или React-компонент одной кнопкой.
Попробовать бесплатно
Всё делается в вашем браузере: фото и тексты не загружаются на сервер. Дизайн сохраняется в этом браузере автоматически.
Векторная графика в браузере
Фигуры и иконки
Круги, многоугольники, звёзды, стрелки и более 60 контурных иконок — у всех меняются цвет, толщина линий и градиент.
Перо и карандаш
Перо ставит точки ломаной (щелчок по первой точке замыкает фигуру), карандаш рисует от руки и сам сглаживает линию.
Чистый SVG
Каждый слой становится отдельным элементом SVG: файл можно открыть в Figma, Illustrator или вставить прямо в код сайта.
Готовы автоматизировать магазин?
30 дней бесплатно, без привязки карты
Частые вопросы
Если не нашли ответ — напишите нам.
Для CSS и HTML короче data URI без base64 — его и копирует кнопка «data URI». Base64 нужен, когда сервис принимает только его.
Да, без регистрации, водяных знаков и ограничений.
Да: перетащите файл SVG на холст — он разберётся на отдельные фигуры, которые можно перекрасить, двигать и править по узлам. Картинку PNG или JPG можно перевести в вектор: «Инструменты» → «Картинку в вектор».
Нарисуйте значок на холсте 512×512, скачайте PNG и загрузите его в наш генератор фавиконок — он сделает ICO и все нужные размеры.
Надписи остаются текстом и подключают шрифт Google Fonts. Если файл будут открывать без интернета, выбирайте системные шрифты или сохраните PNG.