SVG Shape Generator

Create and customize unique, organic SVG blob shapes for your projects.

Preview

Controls

Adjust the settings to create your perfect shape.

Gradient Type

Start Color

End Color

Angle90°

Complexity (Edges)6

Contrast (Irregularity)50%

Opacity100%

Glossy Effect

Generated SVG Code

Copy and paste this into your project.

<svg width="100%" height="100%" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="blobGradient" gradientTransform="rotate(90)">
      <stop offset="0%" stop-color="#ff7e5f" />
      <stop offset="100%" stop-color="#feb47b" />
    </linearGradient>
  </defs><path d="M188.09542181069958,100 C187.16281578646547,124.9406443687402 162.42355395518976,157.26213081691608 140.40064514746228,169.97597005396568 C118.37773633973481,182.68980929101528 75.21546889288983,187.9456970979586 55.957968964334725,176.28303542229764 C36.70046903577962,164.6203737466367 25.67560085162323,126.8478826711847 24.85564557613168,100.00000000000001 C24.035690300640127,73.15211732881532 30.848131358596216,28.473722088268723 51.038237311385416,15.195739395189477 C71.22834326417461,1.917756702110232 123.15341720964786,6.198060407389455 145.99628129286688,20.332103841524543 C168.83914537608592,34.46614727565963 189.02802783493368,75.0593556312598 188.09542181069958,100Z" fill="url(#blobGradient)" fill-opacity="1" />
</svg>