SVG代码编辑器

在线编辑SVG代码并实时预览渲染效果，提供常用SVG模板快速开始，支持导出为PNG图片。

<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
  <defs>
    <linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#3b82f6;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#8b5cf6;stop-opacity:1" />
    </linearGradient>
  </defs>
  <circle cx="100" cy="100" r="80" fill="url(#grad)" />
  <text x="100" y="110" text-anchor="middle" fill="white" font-size="32" font-weight="bold" font-family="Arial">SVG</text>
</svg>

导出尺寸： px

SVG模板

圆形

矩形

五角星

三角形

渐变背景

爱心

箭头

Logo