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>