SVGをReact JSXコンポーネントに変換
SVG から React JSX コンポーネント変換ツール リアルな SVG マークアップを貼り付けて、クリーンな React 関数コンポーネントを取得できます。このツールはすべての属性に対して決定論的な camelCase 変換を適用し、非-JSX シンタックスを削除し、出力結果を即座にインポート可能なコンポーネントにラップします。タイプ付け、forwardRef 包装、またはプロパティでスケーラブルなサイズを設定する選択肢があります。すべての処理はローカルのブラウザ内で行われ、アイコンやロゴがあなたのマシンから離れることはありません。使い方 全ての … マークアップを入力ボックスに貼り付けます。コンポーネント名(PascalCase、例:ArrowRightIcon)を設定します。TypeScript、forwardRef、スケーラブルなサイズプロパティ、プロパティのスプレッドを切り替え、プロジェクトに合わせて設定します。生成された JSX をコピーまたは .tsx / .jsx ファイルとしてダウンロードします。特徴 camelCase ...
ツールを試す »