SVG → Vue 컴포넌트

어떤 SVG든 Vue 3 단일 파일 컴포넌트로.

또는 파일을 끌어다 놓거나 아래에 코드를 붙여넣으세요

출력은 Vue 3 script-setup SFC이며, 속성은 루트 SVG로 전달됩니다.

Vue 3 SFC
출력이 여기에 표시됩니다

사용 방법

  1. 1SVG 코드를 붙여넣거나 .svg 파일을 끌어다 놓습니다.
  2. 2속성 전달을 지원하는 Vue 3 SFC로 감싸집니다.
  3. 3.vue 파일 내용을 프로젝트에 복사합니다.

무료, 가입 불필요, 워터마크 없음 — 모든 처리가 브라우저에서 로컬로 이뤄지므로 파일이 기기를 벗어나지 않습니다.

자주 묻는 질문

Vue 2인가요, Vue 3인가요?

출력은 Vue 3의 script-setup SFC를 대상으로 하며, Vue 2.7 프로젝트에서도 동작합니다.

관련 도구