Toolipedia
ES
← Todas las herramientas de texto

SVG a componente de React

Convierte un SVG en un componente de React con props, listo para pegar.

  • Gratis
  • Sin registro
  • Funciona en cualquier dispositivo

Acerca de SVG a componente de React

Pega un SVG y obtén un componente de React que acepta propiedades como width, height y color. Los atributos pasan a camelCase (stroke-width se convierte en strokeWidth) y class pasa a className. Sustituye los colores fijos por currentColor para que el icono siga el color del texto que lo rodea.

Cómo usar SVG a componente de React

  1. Escribe o pega tu texto en el cuadro de arriba.
  2. El resultado aparece al instante mientras escribes.
  3. Copia el resultado o descárgalo como archivo.

¿Por qué usar esta herramienta?

También conocida como

Preguntas frecuentes

¿Cómo cambio el color de un icono SVG en React?

Define fill o stroke como currentColor en el SVG y luego cambia el color de CSS en el elemento padre o pasa una propiedad color.

¿Es gratis SVG a componente de React?

Sí. SVG a componente de React de Toolipedia es de uso gratuito, sin registro y sin marca de agua.

¿Es seguro usarlo?

Sí. Todo se calcula en tu navegador y nada de lo que introduces se envía a nuestro servidor.

¿Funciona en mi teléfono?

Sí. Funciona en cualquier navegador moderno en Android y iPhone, y también en tabletas y computadoras. No hay que instalar nada.

¿Necesito una cuenta?

No. Solo abre la página y usa la herramienta. No hace falta registrarse ni dar un correo electrónico.

Herramientas relacionadas