SVG в код
Вставьте SVG и преобразуйте его в CSS background data-URI, base64 data-URI или React/JSX компонент — с автоматическим переводом атрибутов в camelCase. Смотрите живой предпросмотр и копируйте результат одним кликом.
Ваш SVG
Формат вывода
Название компонента
Живой предпросмотр
Сгенерированный код
Всё работает в вашем браузере. Никакой загрузки, никакой регистрации.
Как это работает
STEP 1
Вставьте SVG
Вставьте любую SVG-разметку. Она парсится прямо в браузере — ничего не покидает ваше устройство.
STEP 2
Выберите формат
Выберите CSS background data-URI, base64 data-URI или React/JSX компонент. Атрибуты будут автоматически преобразованы в camelCase.
STEP 3
Скопируйте или скачайте
Проверьте живой предпросмотр, затем скопируйте сгенерированный код одним кликом или скачайте как файл.