Shield Badge 生成

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

SVG 徽章生成器是什么?

SVG 徽章生成器是一款在线工具,用于生成长方形小徽章(Badge)SVG 图形,常见于 README 中展示构建状态、版本号等信息。工具在浏览器本地直接生成 SVG,无需请求外部徽章服务。

主要功能

  • 自定义左侧 label 与右侧 message 文字
  • 内置 brightgreen、green、blue 等预设颜色,支持自定义 #RGB / #RRGGBB 颜色
  • 本地计算文字宽度并生成 SVG,无需外部服务
  • 支持实时预览、下载 SVG 文件与复制 SVG 源码

使用场景 / 注意事项

适合在 GitHub README、技术文档中嵌入项目状态徽章。生成的 SVG 使用 Verdana 字体估算文字宽度,非等宽字符宽度可能略有偏差。

如何使用

  1. 填写左侧 label 与右侧 message 文字
  2. 选择或自定义颜色
  3. 点击预览确认,下载 SVG 或复制源码