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 或複製原始碼