SVG 渲染器

在线预览和编辑 SVG 矢量图，支持实时渲染和代码编辑

SVG 代码

<svg
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 24 24"
  fill="currentColor"
  width="100"
  height="100"
>
  <rect x="2" y="2" width="20" height="20" rx="5" ry="5" />
  <path d="M17 7L7 17M7 7l10 10" stroke="white" stroke-width="2" />
</svg>

预览

100%

使用说明

在左侧文本框中输入或粘贴 SVG 代码
右侧区域会实时显示 SVG 图像预览
支持修改 SVG 属性（如颜色、大小等）并实时查看效果
使用缩放控制可以放大或缩小图像，方便查看细节
点击全屏按钮可以在更大的视图中查看 SVG
点击“复制 SVG 代码”按钮可以复制当前的 SVG 代码

已添加到剪贴板