Blob Shape Generator
Generate random organic SVG blob shapes for your designs. Customize complexity, contrast, and colors. Download SVG or copy CSS.
SVG Preview
Controls
8 points
50%
300px
SVG Code
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg"> <path d="M 830.7 150.0 C 917.7 608.2, 1262.9 838.7, 1058.7 1058.7 C 854.5 1278.7, 620.4 958.3, 150.0 883.4 C -320.4 808.5, -264.6 1029.2, -509.2 809.2 C -753.8 589.2, -549.2 661.7, -665.4 150.0 C -781.6 -361.7, -1141.0 -460.9, -896.4 -896.4 C -651.8 -1331.9, -349.5 -1430.0, 150.0 -1301.7 C 649.5 -1173.3, 564.5 -904.2, 768.7 -468.7 C 972.9 -33.2, 743.7 -308.2, 830.7 150.0 Z" fill="#3b82f6" /> </svg>
CSS Background clip-path
clip-path: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3CclipPath%20id%3D'c'%20clipPathUnits%3D'objectBoundingBox'%20transform%3D'scale(0.003333)'%3E%3Cpath%20d%3D'M%20830.7%20150.0%20C%20917.7%20608.2%2C%201262.9%20838.7%2C%201058.7%201058.7%20C%20854.5%201278.7%2C%20620.4%20958.3%2C%20150.0%20883.4%20C%20-320.4%20808.5%2C%20-264.6%201029.2%2C%20-509.2%20809.2%20C%20-753.8%20589.2%2C%20-549.2%20661.7%2C%20-665.4%20150.0%20C%20-781.6%20-361.7%2C%20-1141.0%20-460.9%2C%20-896.4%20-896.4%20C%20-651.8%20-1331.9%2C%20-349.5%20-1430.0%2C%20150.0%20-1301.7%20C%20649.5%20-1173.3%2C%20564.5%20-904.2%2C%20768.7%20-468.7%20C%20972.9%20-33.2%2C%20743.7%20-308.2%2C%20830.7%20150.0%20Z'%2F%3E%3C%2FclipPath%3E%3C%2Fsvg%3E#c");