GitHub Shield 뱃지 SVG. README·블로그용. shields.io 호환 디자인.
🛡️ 미리보기

사용법

  1. 라벨(왼쪽)·값(오른쪽) 입력
  2. 색상 선택 (또는 프리셋)
  3. 스타일 (flat, flat-square, for-the-badge, plastic)
  4. 로고 이모지 추가 (선택)
  5. SVG/PNG 다운로드 또는 Markdown 복사

주요 기능

  • 4가지 스타일 (shields.io 호환)
  • 5가지 프리셋 (build·version·license·DOWNLOADS·status)
  • 이모지 로고 지원
  • SVG/PNG 둘 다 지원
  • Markdown 자동 생성 (README 바로 붙여넣기)

활용 예시

  • GitHub README — build status, version, license 뱃지
  • npm·PyPI 패키지 — 다운로드 수·버전 표시
  • 블로그/노션 — Tech stack 뱃지
  • 이력서 — 보유 기술 시각화
  • 회사 사이트 — Awards·인증 표시

shields.io란?

shields.io는 가장 유명한 SVG 뱃지 서비스로, GitHub의 99%의 README에서 사용됩니다. 동적 데이터(GitHub stars, npm version 등) 지원이 강점이지만, 정적 커스텀 뱃지가 필요한 경우엔 이 도구가 더 빠릅니다. 외부 의존 없이 즉시 SVG가 나오고, 색·스타일·로고를 자유롭게 조합할 수 있습니다.

자주 묻는 질문

shields.io와 다른 점?

shields.io는 동적 뱃지(GitHub stars 자동 업데이트 등) 중심이고, 이 도구는 정적 SVG를 즉시 생성합니다. 외부 의존성 없이 사용 가능.

색상 코드 추천?

성공=#4c1 (초록), 실패=#e05d44 (빨강), 정보=#007ec6 (파랑), 경고=#dfb317 (주황), 라벨=#555 (회색)이 표준입니다.

README에 어떻게?

"Markdown 복사" 버튼 → README.md에 붙여넣기. 또는 SVG를 repo에 업로드 후 상대 경로로 참조.

무료인가요?

네, 무료입니다. 회원가입 없음.