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 27.193118899565974 C 348.9340399382927 120.18871250188096 329.5995712517871 136.17112574073172 364.4267424812969 200 C 387.6448566343035 242.55258283951218 352.04697096881546 253.39092548003728 333.47731370009325 333.4773137000932 C 321.0975421876118 386.86823918013044 280.08638822005594 351.37762227999275 200 378.2280851498421 C 146.6090745199627 396.1283937297417 156.89515637860603 350.0416947112992 92.23789094651511 307.7621090534849 C 49.13304732512115 279.575718614942 71.63002560821442 264.6572654320909 40.71822760076341 200.00000000000003 C 20.110362262462733 156.8951563786061 51.798147860639446 147.36721130018142 68.41802825045349 68.41802825045355 C 79.49794851032952 15.785239550634948 121.0508169502721 51.928064510098515 200 27.193118899565974 C 252.6327886998186 10.703155159210944 242.5525828395122 53.7632885002274 306.3814570987805 93.61854290121953 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.