Back to Tools

SVG Shape Generator

Generate SVG code for basic shapes like circles, rectangles, and ellipses. Customize attributes like color, size, and position.

Shape Type:

X Position:

Y Position:

Radius:

Width:

Height:

Radius X:

Radius Y:

Fill Color:

Stroke Color:

Stroke Width:

Opacity: 1

Preview

Generated SVG Code

<svg width="300" height="200" viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg">
  <circle cx="100" cy="100" r="50" fill="#3498db" stroke="#2c3e50" stroke-width="2" opacity="1"/>
</svg>