SVG 뷰어
SVG 코드를 즉시 렌더링, 다운로드 지원
데이터는 서버로 전송되지 않습니다 — 모든 처리는 브라우저 안에서만 서버 전송 0건
SVG CODE200 × 200
PREVIEW
SVG 뷰어 — 코드를 즉시 렌더링
SVG 코드를 붙여넣으면 즉시 렌더링된 벡터 이미지를 확인할 수 있습니다. 흰색·바둑판·어두운 배경 3가지로 투명도와 색상을 다양하게 검토할 수 있으며, SVG 파일 다운로드도 지원합니다.
Figma·Illustrator·Inkscape에서 내보낸 SVG, 아이콘 라이브러리 코드, 직접 작성한 SVG를 빠르게 미리볼 수 있습니다. 서버로 어떤 데이터도 전송되지 않습니다.
자주 묻는 질문
- SVG 코드를 어디서 구할 수 있나요?
- Figma, Illustrator, Inkscape 등 디자인 툴에서 SVG로 내보내기(Export)를 하면 SVG 코드를 얻을 수 있습니다. 또는 아이콘 라이브러리(Heroicons, Lucide, Tabler 등)에서 SVG 코드를 복사하거나, 텍스트 에디터에서 .svg 파일을 열어도 됩니다.
- SVG 안의 스크립트가 실행되나요?
- 아니요. SVG 코드에 <script> 태그가 포함되어 있어도 실행되지 않습니다. 렌더링된 결과는 정적인 벡터 이미지로만 표시됩니다.
- 배경색 버튼은 어떻게 사용하나요?
- 미리보기 우상단의 원형 버튼 3개로 배경을 바꿀 수 있습니다. 흰색(기본), 바둑판 패턴(투명도 확인용), 어두운 배경 순서입니다. 아이콘의 투명 배경을 확인할 때 바둑판 패턴이 유용합니다.