SVG Shape Generator

Light Mode

Generate blobs, circles or lines — download as SVG or copy CSS (data URI).

Shape type Count

Width (px)

Height

Fill color Stroke color Stroke width Blur (px) Opacity Seed

URL: /svg-shape-generator

Preview

Right-click preview to save as image (or use Download)

CSS background (data URI):

background-image: url("data:image/svg+xml;utf8,...");

🔗 Embed This Tool on Your Website

Copy the code below and paste it into your website’s HTML where you want the tool to appear.

<iframe 
  src="https://ridewattly.com/tools/svg-shape-generator-tool/"
  width="100%" 
  height="600" 
  style="border:none;border-radius:12px;overflow:hidden;"
  loading="lazy"
  allowfullscreen>
</iframe>

SVG Shape Generator

Preview

🔗 Embed This Tool on Your Website

🔧 Similar Tools