SVG 代码查看器
左侧编辑 SVG 源代码，右侧实时预览；鼠标移到代码上可查看属性用途。
SVGPIC.COM
↗
SVG 源代码
修改后自动预览
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"> <circle cx="64" cy="64" r="38" fill="#FF9900"/> <circle cx="51" cy="56" r="4" fill="#243247"/> <circle cx="77" cy="56" r="4" fill="#243247"/> <path d="M49 75 Q64 88 79 75" fill="none" stroke="#243247" stroke-width="4" stroke-linecap="round"/> </svg>
导出 SVG
复制代码
还原
导入 SVG 文件
鼠标悬停提示显示在代码窗口内、靠近鼠标的位置，不会占用右侧预览下方空间。复杂 CSS、跨行标签或多个元素写在同一行时，识别可能不完全准确。
图形预览
正在加载示例 SVG…
正在初始化。
悬停代码只显示属性说明，不会改变右侧图形。请只导入可信来源的 SVG 文件。