РазработчикMaxProcessado no seu navegador

Конвертер SVG в React

Вставьте свой грязный SVG-код и получите оптимизированный компонент React, готовый и отформатированный для современного Интернета.

Осталось 1 использование сегодня. Перейдите на Pro для безлимита.

Обновить

Результат

Цель

web

Формат

TSX

Статус

Нет базы

Настройка конвертации

Исходный SVG

Загрузить SVG

Нажмите, чтобы загрузить .svg-файл

Компонент

Формат

SVG

Параметры компонента

Соответствие и порядок

Props

Цель и экспорт

Цель

Экспорт

Результат

Сгенерированный компонент

Заливка

Структура

Чтение

Вставьте SVG.

Вставьте SVG, чтобы сгенерировать компонент

Вставьте код или загрузите .svg-файл

Операция

Превью и пример использования

Web

Превью

Загрузите корректный SVG.

Сниппет

Введите значения.

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

Как конвертировать SVG в React-компонент

Превратите SVG-разметку в чистый типизированный React-компонент — мгновенно, в браузере.

Вставьте SVG
Вставьте SVG-разметку или перетащите .svg-файл.
Настройте параметры
Выберите TypeScript или JSX, имя компонента и нужно ли пробрасывать props/refs.
Скопируйте компонент
Атрибуты автоматически приводятся к camelCase. Скопируйте готовый компонент в свой проект.

Связанные

Конвертер SVG в React