Convertidor de Texto a SVG

La herramienta ofrece una selección de fuentes populares de Google Fonts cargadas en el momento del renderizado, cubriendo estilos sans-serif, serif, monospace y display. Las opciones comunes incluyen Roboto, Inter, Open Sans, Montserrat, Lato y fuentes display como Anton y Oswald. Las fuentes se renderizan en la previsualización a través de Google Fonts y se incorporan en la salida SVG para que la fuente correcta aparezca incluso en sistemas que no la tengan instalada localmente.

Sí. La sección de Iconos te permite añadir iconos integrados: Email, Phone, Location, Web, User, Star y Heart. Elige si colocar el icono a la izquierda o derecha de tu texto y ajusta el tamaño del icono de forma independiente. El icono y el texto se combinan en un solo elemento SVG, facilitando la creación de insignias de contacto profesionales o gráficos etiquetados sin una herramienta de diseño.

SVG (código XML puro), componente React JSX (listo para pegar en un proyecto de React), componente React Native SVG, imagen rasterizada PNG (con escala configurable para salida retina) y Data URI Base64 (el SVG codificado como una URL data: para incrustar directamente en un src de img en HTML o en un background-image de CSS). Copia cualquier formato al portapapeles o descarga el archivo según tu flujo de trabajo.

Un Data URI codifica el SVG como una cadena Base64 y lo incrusta directamente como una URL. En lugar de referenciar un archivo externo (src="logo.svg"), usas src="data:image/svg+xml;base64,...". Esto elimina una solicitud HTTP y funciona en entornos donde la disponibilidad de alojamiento de archivos externos no está disponible — HTML de correo electrónico (algunos clientes), archivos HTML compartidos localmente o valores de background-image en CSS. La desventaja es que la cadena codificada es más grande que el archivo SVG original.

Sí. El botón Download PNG rasteriza el SVG en un canvas a la escala configurada y lo descarga como un archivo PNG. Usa Scale 1x para pantallas estándar y 2x o superior para pantallas retina/high-DPI. PNG es útil cuando el destino no soporta SVG — imágenes de perfil en redes sociales, clientes de correo que solo aceptan imágenes o aplicaciones que solo aceptan formatos raster.

Activa la casilla "Transparent" bajo Background Color. Con la transparencia activada, se elimina el atributo de fondo del SVG y la exportación PNG utiliza un fondo transparente. Esto es esencial para logotipos e insignias que necesitan situarse sobre fondos de diferentes colores sin un recuadro blanco alrededor.

No. Toda la generación, renderizado y exportación de SVG ocurre en tu navegador. Los archivos de fuentes se obtienen desde el CDN de Google Fonts como parte de la carga normal de fuentes, pero tu contenido de texto real nunca abandona tu dispositivo. No se envían datos a ningún servidor backend y nada se almacena.