SVG 转 React Native 转换器
快速生成移动端可用组件，适合 React Native 应用与图标库。在线打开 SVG 文件即可转换。
拖放 SVG 文件
或点击选择，或粘贴 SVG 代码
仅支持 .svg 文件
使用 Ctrl+V / Cmd+V 粘贴
为什么使用我们的 SVG 转 React Native 转换器？
react-native-svg 适配
输出兼容移动端组件结构。
JSX 属性转换
自动转换为 JSX 友好写法。
TypeScript 友好
可直接用于 TSX 项目。
一键复制
代码复制即用。
本地处理
文件不上传更安全。
快速生成
适合批量图标转换。
如何将 SVG 转为 React Native
1
上传 SVG
拖拽文件或粘贴 SVG 代码。在线打开 SVG 文件后即可转换。
2
命名组件
设置 PascalCase 组件名。
3
复制代码
粘贴到 React Native 项目。
SVG 转 React Native 常见问题
SVG 转 React Native 需要安装 react-native-svg 吗？
需要，生成组件依赖该库。
SVG 转 React Native 支持 TypeScript 吗？
支持，输出兼容 TSX。
SVG 转 React Native 支持哪些元素？
Path、Rect、Circle 等常用元素可转换。
可用于 Expo 吗？
可以，兼容 Expo 与 RN 项目。
会保留 viewBox 吗？
会，缩放更准确。
会上传到服务器吗？
不会，本地处理。
组件名如何设置？
建议 PascalCase 命名。
SVG 转 React Native 转换器 是否免费且无需下载？
是的。SVG 转 React Native 转换器 在浏览器中免费使用，无需下载或安装。
使用 SVG 转 React Native 转换器 需要注册账号吗？
不需要。SVG 转 React Native 转换器 打开即用，无需注册，文件本地处理。
相关 SVG 工具
可配合以下工具进行预览与优化。