Shield Badge

本地生成扁平风格 SVG 徽章,可预览并下载,无需请求外部服务。

¿Qué es un generador de insignias SVG?

Un generador de insignias SVG es una herramienta en línea que crea insignias rectangulares en formato SVG, habituales en los README para mostrar el estado de compilación, versiones y otros datos. La insignia se genera directamente en el navegador, sin depender de servicios externos.

Funciones principales

  • Personalizar el texto de la etiqueta (label) y el mensaje (message)
  • Colores predefinidos como brightgreen, green y blue, además de colores personalizados #RGB / #RRGGBB
  • Calcular el ancho del texto y generar el SVG localmente sin peticiones externas
  • Vista previa en vivo, descarga como archivo SVG o copia del código fuente

Casos de uso y notas

Perfecto para incrustar insignias de estado de proyectos en README de GitHub y documentación técnica. El ancho del texto se estima con la fuente Verdana, por lo que los caracteres no proporcionales pueden variar ligeramente.

Cómo usar

  1. Introduzca el texto de la etiqueta y el mensaje
  2. Elija un color predefinido o escriba un color hexadecimal personalizado
  3. Haga clic en Vista previa y luego descargue el SVG o copie su código