SVG Blob Generator

SVG Blob Generator

Image is loading...
Growth: 6
    Edge Count: 6
      10015 Tools
      +

      Get “Online Tools” browser extension!

      Access all tools powered by 10015.io with just one click

      What is Online SVG Blob Generator?

      SVG Blob Generator is a free online tool for generating SVG blobs for using in designs as background. You can set color, randomness and complexity of the shape for your needs. After finding the shape you want, you can either copy the SVG code into your clipboard or download it as a .svg file.

      SVGs are very popular in recent years because of their scalibility and quality in designs. Since it is a vector-type format, you can resize it without loosing quality. SVG blobs are mainly used as background in designs and their randomness gives designs a unique feeling. Its circular shape makes it appropriate for using as background with images or text. You can also use SVG blobs to make logos. SVG blob maker is the easiest way to create SVG blobs without using design tools or drawing paths manually.

      In addition to solid color backgrounds, blobs can be used as a clip path for images, so images can be used as blob backgrounds. Check "Use Image Background" checkbox if you want to use image backgrounds in blobs instead of color. These images will be centered and cropped if needed to cover the blob without image distortion. You may see a white blank preview after you set an image URL, that may be caused by an URL which does not belong to an image or there is a network issue while image is fetching.

      SVG Blob Usage as Logo and Image Background
      SVG Blob Usage as Logo and Image Background

      How to use Online SVG Blob Generator?

      You can create SVG blobs by following these steps.

      1. Set the fill color of the blob.
      2. Set growth. It's minimum size of the blob as percentage. If you increase it, it will decrease the randomness of the shape since its hills and pits will be more smoother.
      3. Set edge count. It is the number of edges in the shape. It will increase the complexity of SVG blob if you increase it.
      4. If you prefer image instead of color as blob fill, use the checkbox to turn on image backgrounds and enter your URL in the input field.
      5. After setting all parameters for your needs, you can shuffle until you get the desired shape.
      6. Click "Copy" button to copy SVG code on your clipboard or click "Download" to download the shape as an SVG file.

      Credits

      Dummy images used as blob background is taken from unsplash.com.