SVG React JSX / TSX 및 Vue 변환기

SVG 아이콘을 클릭 한 번으로 깔끔한 React TSX, React JSX 또는 Vue 3 컴포넌트로 변환합니다. 속성을 카멜케이스로 자동 변환하고 currentColor를 지원합니다.

또는 아래에 SVG 코드를 직접 붙여넣거나 편집하세요
import type { SVGProps } from "react"

export function SvgIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width="128" height="64" viewBox="0 0 128 64" {...props}>
  
  
  <rect x="16.12" y="12.57" width="96" height="40" rx="8" fill="currentColor" stroke="currentColor" strokeWidth="2"/>
  <circle cx="44.89" cy="32.44" r="10.25" fill="currentColor"/>
</svg>
  )
}

export default SvgIcon

기술 사양 및 로컬 개인정보 보호

처리 방식
100% 브라우저 로컬 처리 (서버 업로드 없음)
핵심 엔진
SVGR Attribute AST Mapper (React TSX / JSX / Vue 3)
라이선스 및 비용
무료, 워터마크 없음, 회원가입 불필요

자주 묻는 질문

SVG 아이콘을 클릭 한 번으로 깔끔한 React TSX, React JSX 또는 Vue 3 컴포넌트로 변환합니다. 속성을 카멜케이스로 자동 변환하고 currentColor를 지원합니다. (100% 브라우저 로컬 처리 (서버 업로드 없음))