工具
SVG 轉 JSX 轉換器
貼上 SVG 取得 React 元件，支援 TypeScript 與自訂元件名。
如何把 SVG 轉為 JSX
- 貼上 SVG 原始碼。
- 設定元件名（需要的話啟用 TS）。
- 點擊「轉換」。
- 複製或下載 JSX 檔案。
關於 SVG 轉 JSX
React / JSX 要求屬性名使用駝峰、class 要寫成 className。此工具會處理這些重寫，給你一個可直接使用的元件。
常見問題
會把 props 透傳到根 <svg> 嗎？
會，呼叫方可以傳入 className、style、onClick 等。
連字號屬性怎麼處理？
會轉為駝峰式：stroke-width → strokeWidth。
可以選擇 TypeScript 嗎？
可以，啟用 TS 開關即可輸出帶型別的元件。
輸出可以被 tree-shake 嗎？
可以，它是一個具名匯出，打包器會把它當作一般模組處理。