DEVtoy
Idioma · Español

SVG a componente React

Convierte SVG en un componente React con nombre, atributos JSX y props. Revisa el resultado antes de usarlo.

Cómo usarlo

  1. Pega tus datos o carga el ejemplo de abajo.
  2. Ajusta las opciones y selecciona «Crear componente».
  3. Revisa el resultado y cópialo o descárgalo.

Sin subir datos ni crear una cuenta. Todo se procesa en tu navegador.

Entrada de ejemplo
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" class="icon"><path d="M20 6 9 17l-5-5"/></svg>

Herramientas relacionadas