SVG 转 React 组件
粘贴 SVG，得到可直接 import 的 JSX 或 TSX 组件。
或把文件拖进来 / 在下方粘贴代码
React 组件
输出会显示在这里
使用方法
- 1粘贴 SVG 代码，或拖入一个 .svg 文件。
- 2切换 TypeScript 输出并设置组件名。
- 3把生成的组件复制进你的代码库。
免费、无需注册、没有水印——一切都在你的浏览器本地运行，文件绝不会离开你的机器。
常见问题
具体会转换哪些东西？
属性转成 camelCase（stroke-width → strokeWidth），class 转成 className，其余 props 透传到根节点，你可以照常传尺寸和颜色。
要先优化 SVG 吗？
建议先过一遍 SVG 优化器，组件会更小更干净。两个工具只差一次点击。