Shield Badge

SVG バッジ生成ツールとは？

SVG バッジ生成ツールは、ビルド状態やバージョンなどを示す小さな長方形のバッジを SVG 形式で作成できるオンラインツールです。バッジはブラウザ内で直接生成されるため、外部のバッジサービスに依存しません。

主な機能

• 左の label と右の message のテキストを自由に設定
• brightgreen、green、blue などのプリセット色と、カスタムの #RGB / #RRGGBB 色に対応
• テキスト幅をローカルで計算し、外部リクエストなしに SVG を生成
• リアルタイムプレビュー、SVG ファイルのダウンロード、ソースのコピーに対応

使用シーン / 注意事項

GitHub の README や技術ドキュメントにプロジェクトのステータスバッジを埋め込むのに適しています。テキスト幅は Verdana フォントで近似計算されるため、プロポーショナル文字では誤差が出る場合があります。

使い方

1. 左側の label と右側の message を入力
2. 色を選択するか、カスタムの HEX カラーを入力
3. プレビューをクリックし、SVG をダウンロードまたはコピーする