콘텐츠로 건너뛰기
🔍

SVG 뷰어

SVG 코드를 붙여넣고 즉시 미리보기. 치수, viewBox, 파일 크기 및 노드 수 검사. 다운로드 또는 복사. 브라우저에서 실행.

미리보기
100%
viewBox--
치수--
요소0
파일 크기0 B

SVG란?

SVG (Scalable Vector Graphics)는 2D 벡터 그래픽을 위한 XML 기반 형식입니다. 래스터 이미지 (PNG, JPG)와 달리 SVG는 품질 손실 없이 무한 확장됩니다. viewBox 속성은 좌표계를 정의하며 반응형 확장의 핵심입니다. 최신 브라우저는 SVG를 기본 렌더링하므로 인라인, CSS 또는 <img>로 임베드할 수 있습니다.

일반적인 용도

  • 아이콘 디자인 — 통합 전 아이콘 미리보기.
  • 디버깅 — viewBox와 치수가 올바르게 렌더링되는지 확인.
  • 로고 검토 — 디자인 도구에서 내보낸 SVG 확인.
  • 학습 — 실제 SVG 마크업을 대화형으로 탐색.

개인정보

모든 렌더링은 브라우저 내 100% 실행됩니다. 데이터가 서버로 전송되지 않습니다.