SVG to React — TSXコンポーネント変換ツール

【SVG to React — デスクトップアプリ版】

SVG を貼り付けるだけで TypeScript 対応の React コンポーネントに即変換。Figma や SVG ファイルからのアイコン組み込みに最適。

─────────────────────────

✓ 主な機能

─────────────────────────

・class → className、for → htmlFor などの JSX 属性変換

・stroke-width など全ハイフン属性をキャメルケースに変換

・fill / stroke を props で受け取るオプション

・size を props で受け取るオプション（width/height 動的化）

・コンポーネント名をカスタム指定（デフォルト: MyIcon）

・TypeScript React.FC 型 + SVGProps 型付き出力

・無効な SVG 入力時のエラーメッセージ表示

─────────────────────────

✓ デスクトップ版限定機能

─────────────────────────

・変換結果を .tsx ファイルに保存

─────────────────────────

✓ 動作環境

─────────────────────────

・Windows 10 / 11（x64）

・インストーラー版 / ポータブル版 どちらも同梱

─────────────────────────

✓ 無料Web版

─────────────────────────

https://devtools-hub.vercel.app/tools/svg-to-react

─────────────────────────

制作: KOMA

お問い合わせ: [email protected]

─────────────────────────