SVG 轉 React 元件
貼上 SVG，得到可直接 import 的 JSX 或 TSX 元件。
或把檔案拖進來 / 在下方貼上程式碼
React 元件
輸出會顯示在這裡
使用方式
- 1貼上 SVG 程式碼，或拖入一個 .svg 檔案。
- 2切換 TypeScript 輸出並設定元件名稱。
- 3把產生的元件複製進你的程式碼庫。
免費、不必註冊、沒有浮水印——一切都在你的瀏覽器本機執行，檔案絕不會離開你的電腦。
常見問題
具體會轉換哪些東西？
屬性轉成 camelCase（stroke-width → strokeWidth），class 轉成 className，其餘 props 透傳到根節點，你可以照常傳尺寸與顏色。
要先最佳化 SVG 嗎？
建議先過一遍 SVG 最佳化器，元件會更小更乾淨。兩個工具只差一次點擊。