SVG a código

Pega tu SVG y conviértelo en un CSS background data-URI, un data-URI en base64 o un componente React/JSX — con los atributos convertidos a camelCase. Ve una vista previa en vivo y copia el resultado con un clic.

Tu SVG

Formato de salida

Código generado

Todo se ejecuta en tu navegador. Sin subidas, sin registro.

Cómo funciona

STEP 1

Pega tu SVG

Inserta cualquier marcado SVG en bruto. Se analiza directamente en tu navegador — nada sale de tu dispositivo.

STEP 2

Elige un formato de salida

Elige un CSS background data-URI, un data-URI en base64 o un componente React/JSX. Los atributos se convierten a camelCase automáticamente.

STEP 3

Copia o descarga

Revisa la vista previa en vivo, luego copia el código generado con un clic o descárgalo como archivo.