SVG to React JSX 変換器

生のSVGコードを、Reactで即時使用可能なJSXコンポーネントコードに変換

도구를 불러오는 중…

🔒 すべてブラウザ内で処理されます。アップロードしたファイルや入力内容がサーバーに送信されることはありません。

属性名をReactの命名規則(camelCase)に自動変換し、コンポーネント化します。

使い方

  1. SVGタグのコードを貼り付けます。
  2. 出力するコンポーネントの関数名を決定します。
  3. 変換を実行し、書き出されたReactコードをコピーして保存します。

よくある質問

スタイルの変更などは外から行えますか?
はい、propsをスプレッド展開する構造で出力されるため、呼び出し時にサイズや色の変更が可能です。

← すべてのツールを見る

가격 보기카톡 무료 상담