DEVtoySVG를 React 컴포넌트로
SVG를 JSX 속성과 props를 가진 React 컴포넌트로 변환합니다. 사용 전에 결과를 검토하세요.
사용 방법
- 입력을 붙여넣거나 아래 예제를 불러오세요.
- 옵션을 조정한 뒤 “컴포넌트 생성”을 선택하세요.
- 결과를 확인한 뒤 복사하거나 다운로드하세요.
업로드도 계정도 필요 없습니다. 브라우저 안에서 처리합니다.
입력 예제
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" class="icon"><path d="M20 6 9 17l-5-5"/></svg>