把 SVG 代码转换为可直接在 React 中使用的 JSX 组件,支持 TypeScript 与 Memo
这是浏览器端运行的 SVG 转 JSX 工具,解决手动修改 SVG 适配 React 语法的麻烦,直接输出可用的组件代码。
遵循 React JSX 语法规则转换 SVG 属性,自动修正大小写、标签格式,额外支持添加 TypeScript 类型和 React Memo 包装。
最大支持 2MB 的 SVG 代码,一般项目使用的图标都满足。所有转换都在浏览器内完成,不会上传到服务器。
内联样式和基础属性都会完整保留,仅转换标签和属性的语法格式,不会修改原有样式内容。
不支持,当前只输出 Web 端 React 可用的标准 JSX 代码,不兼容 React Native SVG 格式。
不会,你需要在复制后自行修改组件名,工具只转换语法不修改原有 SVG 内容结构。