squircle

Make all the squircles you need, in the browser. https://github.com/georgedoescode/squircle https://squircley.app/
git clone http://git.hanabi.in/repos/squircle.git
Log | Files | Refs | LICENSE

wiggle.svg (407B)


      1 <svg width="300" height="60" viewBox="0 0 300 60" fill="none" xmlns="http://www.w3.org/2000/svg">
      2 <g clip-path="url(#clip0)">
      3 <path d="M0 20C30 20 45 40 75 40C105 40 120 20 150 20C180 20 195 40 225 40C255 40 270 20 300 20" stroke="
      4 #0C008C" stroke-width="16"/>
      5 </g>
      6 <defs>
      7 <clipPath id="clip0">
      8 <rect width="60" height="300" fill="white" transform="translate(0 60) rotate(-90)"/>
      9 </clipPath>
     10 </defs>
     11 </svg>