Shield Badge

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

SVG 배지 생성기란?

SVG 배지 생성기는 빌드 상태, 버전 등을 표시하는 작은 사각형 배지(SVG)를 만들 수 있는 온라인 도구입니다. 배지는 브라우저에서 바로 생성되므로 외부 배지 서비스가 필요하지 않습니다.

주요 기능

  • 왼쪽 label과 오른쪽 message 텍스트를 자유롭게 설정
  • brightgreen, green, blue 등 기본 색상과 커스텀 #RGB / #RRGGBB 색상 지원
  • 텍스트 폭을 로컬에서 계산해 외부 요청 없이 SVG 생성
  • 실시간 미리보기, SVG 파일 다운로드, 소스 코드 복사 지원

사용 시나리오 / 주의사항

GitHub README나 기술 문서에 프로젝트 상태 배지를 넣을 때 적합합니다. 텍스트 폭은 Verdana 폰트로 근사 계산되므로 비고정폭 문자에서는 오차가 있을 수 있습니다.

사용 방법

  1. 왼쪽 label과 오른쪽 message 텍스트를 입력합니다
  2. 색상을 선택하거나 커스텀 HEX 색상을 입력합니다
  3. 미리보기를 클릭한 뒤 SVG를 다운로드하거나 코드를 복사합니다