SVG 스프라이트 뷰어

온라인 SVG 스프라이트 뷰어에 대하여

사용 방법

때때로 svg-sprite를 사용해 생성된 스프라이트 SVG 파일의 모든 아이콘을 미리 보고 싶을 때가 있습니다.

이 도구는 아이콘을 추출하고 볼 수 있는 4가지 방법을 제공합니다:

1. SVG 코드 붙여넣기: 입력란에 원시 SVG 코드를 붙여넣고 보기 버튼을 클릭하세요. 모든 아이콘이 추출되어 표시됩니다. 각 아이콘을 개별적으로 다운로드할 수도 있습니다.
2. 스프라이트 SVG URL 붙여넣기: 스프라이트 SVG 파일의 URL을 입력하고 보기 버튼을 클릭하세요. 도구가 파일을 가져와 아이콘을 추출하고 미리 보기 또는 다운로드할 수 있습니다.
3. 웹페이지 URL 파싱: 웹페이지 URL을 제공하면 페이지에 포함된 인라인 SVG 아이콘을 파싱하여 추출합니다.

   ⚠️ 참고: 일부 웹사이트는 자동 요청을 차단할 수 있습니다. 제공한 URL에 접근할 수 없다면 다음 단계를 따르세요:

   • Google Chrome에서 URL 열기
   • F12를 눌러 개발자 도구 열기
   • Elements 탭으로 이동해 전체 HTML 코드를 복사
   • 복사한 HTML 코드를 위 입력란에 붙여넣어 아이콘 추출
4. SVG 파일 업로드: 컴퓨터에서 로컬 스프라이트 SVG 파일을 업로드할 수도 있습니다. 업로드하면 아이콘이 추출되어 보기 및 다운로드가 가능합니다.