开发者MaxProcessado no seu navegador
SVG 转 React 转换器
粘贴杂乱的 SVG 代码并获取针对现代 Web 进行优化和格式化的现成 React 组件。
今日仅剩 1 次使用。升级到Pro，无限制使用。.
输出
-
目标
web
格式
TSX
状态
无基础
配置转换
SVG 源
上传 SVG
点击上传 .svg 文件
组件
格式
SVG
组件选项
规范与顺序
Props
目标与导出
目标
导出
输出
生成的组件
填色
-
结构
-
读取
请插入 SVG。
插入 SVG 以生成组件
粘贴代码或上传 .svg 文件
操作
预览与使用
Web
预览
请上传有效的 SVG。
代码片段
请插入内容。§ 如何使用
如何将 SVG 转换为 React 组件
在浏览器中即时将原始 SVG 标记转换为整洁、带类型的 React 组件。
粘贴 SVG
粘贴 SVG 标记或拖入 .svg 文件。
设置选项
选择 TypeScript 或 JSX、组件名称，以及是否转发 props/refs。
复制组件
属性会自动转换为 camelCase 格式，将生成好的组件直接复制到您的项目中。
相关
相关工具
Da mesma categoria.