HeronTool
日本語▾
ログイン
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
ホーム › 開発ツール › SVG to React Component

SVG to React Component

Turn raw SVG markup into a ready-to-use React component with camelCased props.

変換 SVG コード
入力テキスト
出力

使い方

  1. Paste or type your content on the left.
  2. Result updates live on the right.
  3. Click Copy Result.

使用例

Turn raw SVG markup into a ready-to-use React component with camelCased props.

アップロードは一切ありません — すべてブラウザ内でローカル処理されます。

コメント / 報告 / 注釈

先にログインしてください — ログイン

先にログインしてください — ログイン

先にログインしてください — ログイン

関連ツール
JSON整形 JSON を整形・圧縮・検証し、エラー箇所を特定します。 整形 正規表現テスター 正規表現をリアルタイムでテストし、マッチ箇所をハイライト表示します。 正規表現 コードハイライト コードを貼り付けるとワンクリックで色付き HTML にハイライトします。 コード HTMLエンコード HTML エンティティをエンコード／デコードして特殊文字をエスケープします。 エンコード URLエンコード/デコード URL をエンコード／デコード。中国語や特殊文字にも対応します。 エンコード Base64エンコード/デコード テキストを Base64 でエンコード／デコードします。 エンコード 色変換 色を HEX / RGB / HSL 間で変換します。 色 JSONバリデーター JSON の妥当性をチェックし、エラーを特定します。 検証