SVG Blob & Wave Generator

Generate random SVG blobs and waves with math. Copy clean SVG code for UI/UX backgrounds.

Your files are 100% safe. Processing is done in your browser; nothing is uploaded to any server.

SVG code

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400">
  <path fill="currentColor" d="M 200 49.079939767356336 C 361.0341294043749 99.33389468868259 344.23174526751774 130.98537311241077 388.04279594982125 200 C 417.25016307135695 246.00975125839284 363.7044311047051 250.87875353481235 327.1968838370309 327.19688383703084 C 302.85851899191476 378.0756373718432 276.31813030221855 337.66032012274826 200 353.3554745513244 C 149.12124646518765 363.8189108370418 155.378262045601 336.6350226851937 88.44565511400245 311.5543448859976 C 43.823917159603425 294.8338930198669 59.102147205398765 266.93260693159857 15.086885342493247 200.00000000000003 C -14.256622566110437 155.378262045601 36.910598576073895 147.85846737057798 69.64616842644486 69.64616842644492 C 91.46988166002551 17.50463579702287 121.78770105586692 61.41967696280948 200 49.079939767356336 C 252.14153262942204 40.8534483037209 246.0097512583928 63.43821260202098 315.02437814598204 84.97562185401794 Z"/>
</svg>

How to use this tool & why it helps

Switch between Blob and Wave, then click Generate to create a new random shape. Blobs use smooth curves; waves use sine-based paths.

Copy the SVG code and paste it into your project as a background or decorative element. All generation runs in your browser.