Diseño y color

Generar insignias SVG

Generar insignias SVG — Elige tamaños o colores y revisa el código o resultado. Guía de entrada: Texto de insignia, Color de fondo, Color. Sin cuenta.

Sin cuenta

Cargando herramienta…

Cómo usar

  1. 1Guía de entrada: Texto de insignia, Color de fondo, Color.
  2. 2Ejecuta la herramienta y revisa el resultado.
  3. 3Copiar resultado / Guardar resultado.

A tener en cuenta

Revisa rangos y unidades. Los resultados dependen de los datos y del navegador.

Los anuncios pueden procesar datos de conexión. La personalización respeta tus opciones de privacidad. Privacidad (inglés)

Ejemplo calculado de entrada y salida

Resultados del motor real con los valores de ejemplo, sin datos personales ni trabajos guardados. Carga el ejemplo en la herramienta para ver las mismas entradas.

Entrada de ejemplo

CampoValor
Texto de insignia
Saemol
Color de fondo
#0F766E
Color
#FFFFFF

Resultado de ejemplo

<svg xmlns="http://www.w3.org/2000/svg" width="320" height="80" viewBox="0 0 320 80"><rect width="320" height="80" rx="16" fill="#0F766E"/><text x="160" y="40" text-anchor="middle" dominant-baseline="central" font-family="sans-serif" font-size="24" fill="#FFFFFF">Saemol</text></svg>

Herramientas relacionadas

Todas las herramientas