SVG a código — gratis y en línea
Tienes un icono SVG muy bonito y quieres meterlo directamente en tu código, pero pegar el SVG en bruto casi nunca funciona como necesitas. A veces lo quieres como fondo de CSS, a veces como un data-URI limpio, a veces como un componente de React. Hemos añadido una herramienta gratuita que se encarga de todo — SVG to Code — en tu propio navegador.
Qué hace
Pega tu SVG y lo convierte por ti. Puedes obtener un data-URI de fondo de CSS (codificado en URL), un data-URI en base64 o un componente de React. Elige el formato que necesites y el resultado queda listo para copiarlo en tu proyecto.
Nada sale de tu dispositivo
Todo funciona en tu navegador. Tu SVG nunca se sube a ningún servidor y no se guarda en ningún sitio. Al cerrar la pestaña, desaparece. Así que incluso los iconos personales o de trabajo se quedan contigo.
Cómo usarla
- Abre SVG to Code y pega tu SVG en el cuadro.
- Elige el formato que quieras: data-URI de CSS, base64 o un componente de React.
- Copia el resultado y pégalo en tu código.
Es gratis y sin límite. Hay más herramientas pequeñas en la página de Apps.