// from https://snippet.zone/2021/08/05/quick-svg/
const scribble = document.body.appendChild(
    document.createElement('div'));
const d = (iter = 30) => {
  // make sure the iter is odd
  if (iter % 2 == 0) iter += 1;
  // random cubic beziér
  let path = 'M ';
  for (let i = 0; i < iter; i++) {
    const cmd = i == 1 ? 'C ' : ' '
    path += cmd + Math.random() * 200 + ' ' + Math.random() * 200;
  }
  return path + 'z';
}
scribble.innerHTML = `<svg style='overlow:visible' viewBox="0 0 200 200">
  <path d="${d()}" 
    stroke="#295896" 
    stroke-width="3"
    fill="#ccc" 
    fill-rule="even-odd"
    vector-effect="non-scaling-stroke" />
</svg>
<style>
  svg, div, body, html {
    overflow: visible; 
    height: 100%; 
    width: 100%;
    margin: 0; padding: 0;
  }
</style>
`;

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.