Svg Wave Generator


   <svg
       data-name="Layer 1"
                  xmlns="http://www.w3.org/2000/svg"
 viewBox="0 0 1200 120"
 fill="{{this.fill}}"            preserveAspectRatio="none"
 class="svg"
  height="{{this.height}}px"
  width=" {{this.width}}%"
  opacity=" {{this.opacity}}%"
  transform:l="{{this.transform}}">
 <path d="{{this.d}}">
 </path>
</svg>

Width Height Opacity

Shape

Color

Flip

More Designing Tools

Glassmorphism Generator SVG to Data URI converter Glassmorphism Generator Css Gradient Generator Color Scheme Generator