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>