SVG 转 JSX 转换器
一键将 SVG 转换为 React/JSX 组件，支持 TS 和 Memo。
SVG 输入
JSX 输出
组件名称:
关于此工具
在 React 开发中，直接使用 SVG 文件通常需要繁琐的转换步骤。本工具提供智能的 SVG 转 JSX 功能：自动将 HTML 属性（kebab-case）转换为 React 属性（camelCase），处理 style 对象，支持生成 TypeScript 接口定义，并可选 React.memo 性能优化包裹。完全在浏览器端运行，保障代码安全。
功能特点
- 🔄 智能转换：自动将 SVG 语法转换为合法的 JSX 语法
- 🟦 TypeScript：可选生成完整的 TS 接口定义
- ⚡ 性能优化：支持 React.memo 自动包裹组件
- 🎨 样式处理：自动将 style 字符串转换为对象格式
- 📏 尺寸控制：支持图标模式（1em）或自定义尺寸移除
- 📁 文件支持：支持直接上传 .svg 文件或粘贴代码
- 🔒 隐私安全：所有转换均在本地浏览器完成