SVG → コンポーネント自動生成

生のSVGテキストを React(JSX/TSX), Vue, Svelte, React Native のコンポーネントコードにブラウザ内で高速変換します。
属性のキャメルケース化やアイコン最適化(currentColor)にも自動で対応します。

ターゲット (Target Framework)

コンポーネント名

コンポーネント化

アイコン最適化

入力SVGコード

プレビュー

SVG

プレビューがここに表示されます

このツールはすべての変換処理をブラウザ内で実行します。SVGコードの内容がサーバーに送信されたり、ログに保存されたりすることはありません。安心してご利用ください。