SVG Editor

Create and edit SVG graphics with a visual editor. Design shapes, paths, and text elements with real-time preview.

Tools

Canvas Size

Width

Height

Elements

rect 1

Element Settings

X Position

Y Position

Width

Height

Fill Color

Stroke Color

Stroke Width: 2px

Opacity: 1

Generated SVG

<svg width="400" height="400" xmlns="http://www.w3.org/2000/svg">
    <rect
    x="50"
    y="50"
    width="100"
    height="100"
    fill="#3b82f6"
    stroke="#1d4ed8"
    stroke-width="2"
    opacity="1"
  />
</svg>