在线 SVG 查看器

在线预览并检查 SVG 代码

使用 SVG Render 快速查看 SVG 标记、渲染结果、透明背景和可交付源码。

打开 SVG 查看器此页面默认打开预览面板。

检查从设计工具复制出来的 SVG 标记。

确认 SVG 是否有有效 viewBox 和可见路径。

无需打开设计软件即可预览图标和插画。

SVG Code

XML

SVG Code

XML

预览会移除脚本和内联事件属性，并在沙盒中渲染 SVG。

将 SVG 标记粘贴到编辑器。

阅读带语法高亮的源码，并按需调整属性。

通过实时预览确认矢量图形的渲染结果。

即时视觉反馈

预览会根据当前 SVG 源码更新，方便发现缺失填充、无效标记或隐藏图形。

桌面端拆分布局让 SVG 源码和渲染结果保持并排。

SVG 代码保留在浏览器中，草稿会本地保存，方便稍后继续。

可以。粘贴 SVG 标记后即可立即查看渲染结果。

支持。编辑器使用 CodeMirror 的 XML/SVG 语法高亮，便于检查源码。

可以。你可以复制 SVG 源码、下载 SVG、生成 PNG，或打开 React 和 URI 导出面板。