SVG 뷰어

SVG 뷰어 사용법

SVG 뷰어. 로컬 SVG를 선택하거나 소스를 붙여넣고 실행하세요. 미리보기·확대·축소·다운로드를 지원합니다.

1. 로컬 SVG를 선택하거나 소스를 붙여넣고 실행하세요. 미리보기·확대·축소·다운로드를 지원합니다.
2. 스크립트·외부 리소스·삽입 이미지·필터·애니메이션이 없는 정적 SVG를 사용하세요.
3. 결과를 복사하거나 기기에 다운로드하세요.

SVG 뷰어 · 예제

<svg xmlns="http://www.w3.org/2000/svg" width="320" height="200" viewBox="0 0 320 200">
  <rect width="320" height="200" rx="24" fill="#eef1ff"/>
  <circle cx="100" cy="100" r="58" fill="#5265d8"/>
  <path d="M172 140 L222 54 L272 140 Z" fill="#e98367"/>
</svg>

data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22320%22%20height%3D%22200%22%20viewBox%3D%220%200%20320%20200%22%3E%0A%20%20%3Crect%20width%3D%22320%22%20height%3D%22200%22%20rx%3D%2224%22%20fill%3D%22%23eef1ff%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22100%22%20cy%3D%22100%22%20r%3D%2258%22%20fill%3D%22%235265d8%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M172%20140%20L222%2054%20L272%20140%20Z%22%20fill%3D%22%23e98367%22%2F%3E%0A%3C%2Fsvg%3E

사용 시 참고

파일과 입력은 이 브라우저에서 처리됩니다. 업로드나 계정이 필요 없습니다.

도형·텍스트·그라데이션을 포함하는 제한된 SVG를 지원합니다. 패턴·마스크·마커는 지원하지 않습니다.

SVG는 이미지로만 미리 봅니다. 소스가 앱 문서에 삽입되지 않습니다.

스크립트·외부 리소스·삽입 이미지·필터·애니메이션이 없는 정적 SVG를 사용하세요.