10015 Tools
Categories
Text ToolsText ToolsImage ToolsImage ToolsCSS ToolsCSS ToolsCoding ToolsCoding ToolsColor ToolsColor ToolsSocial Media ToolsSocial Media ToolsMiscellaneous ToolsMiscellaneous Tools
Extensions
ChromeAdd to ChromeFirefoxAdd to Firefox
Menu
SVG Blob Generator

SVG Blob Generator

Image is loading...
Growth: 6
    Edge Count: 6

      Similar Image Tools

      See All
      SVG Pattern Generator
      SVG Pattern Generator
      Generate SVG patterns with different shapes and download it as SVG or an image file
      Open
      Image Resizer
      Image Resizer
      Resize any image to desired width and height either by protecting aspect ratio or not
      Open
      Image Average Color Finder
      Image Average Color Finder
      Calculate average and dominant color of an image by ignoring transparency
      Open

      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 scalability and quality in designs. Since it is a vector-type format, you can resize it without losing 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 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.