SVG Editor

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

Hostinger VPS Hosting — KVM 1 plan, 20% instant discount

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>

Rate this tool

No ratings yet — be the first!

Keep going

More tools you might like

All images & typography

Image CropperCrop and resize images.Typography TesterTest font pairings and scales.Image OptimizerCompress images for the web.TeraBox DownloaderDownload and stream files from TeraBox share links.YouTube to MP3 ConverterConvert YouTube videos to MP3 and download audio free.Twitter GIF DownloaderDownload Twitter / X GIFs, videos and images.Headcanon GeneratorGenerate creative OTP prompts and scenarios.Pinterest Video DownloaderDownload Pinterest videos, images and GIFs.