SVG 벡터 파일 React JSX 컴포넌트 변환

SVG를 React JSX로 변환

모든 처리가 브라우저에서 이루어집니다 — 파일이 기기를 떠나지 않습니다.
완전 무료, 가입·계정·사용 제한이 없습니다.
모바일 포함 최신 브라우저에서 작동합니다.

About this tool

SVG를 React JSX로 변환. 처리는 브라우저에서 로컬로 실행되며 입력 데이터는 ThothBox에 업로드되지 않습니다.

How to use

원시 <svg> 마크업이나 아이콘 코드를 붙여넣습니다.
컴포넌트 이름, 대상 프레임워크(React/Vue), TypeScript 타이핑을 구성합니다.
정리된 컴포넌트 래핑 코드를 코드베이스에 직접 복사합니다.

FAQ

stroke-width 같은 속성 이름을 수정하나요?

네, 모든 kebab-case XML 속성이 리액트 camel대소문자(stroke너비, fill규칙, class이름)로 자동 변환됩니다.

타입스크립트를 지원하나요?

네, SVG프롭스<SVGSVG요소> 타이핑을 포함합니다.

Tags

Related tools