cullmann.io/themes/blowfish/exampleSite/content/docs/thumbnails/featured.svg

<svg height="100%" xmlns="http://www.w3.org/2000/svg" version="1.1"
  xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs"
  viewBox="0 0 600 600">
  <rect width="600" height="600" fill="transparent"></rect>
  <mask id="mask" mask-type="alpha" maskUnits="userSpaceOnUse">
    <rect transform="translate(0, 0)" width="600" height="600" fill="white"></rect>
  </mask>
  <svg>
    <path transform="
  translate(0, 0)
  " d="M0 0h60v60H0z" fill="
  #0077b6"></path>
  </svg>
  <svg>
    <path transform="
  translate(0, 60)
  " d="M0 0h60v60H0z" fill="
  #ade8f4"></path>
  </svg>
  <svg>
    <path transform="translate(0, 120) translate(30,30) rotate(0) translate(-30,-30)" fill="#03045e"
      d="M0 0h60v60H0z"></path>
    <circle cx="30" cy="30" r="30"
      transform="translate(0, 120) translate(30,30) rotate(0) translate(-30,-30)" fill="#0077b6"></circle>
  </svg>
  <svg>
    <circle cx="30" cy="30" r="30" transform="
  translate(0, 180)
  " fill="
  #48cae4
  "></circle>
  </svg>
  <svg>
    <circle cx="30" cy="30" r="30" transform="
  translate(0, 240)
  " fill="
  #90e0ef
  "></circle>
  </svg>
  <svg>
    <path transform="translate(0, 300) translate(30,30) rotate(270) translate(-30,-30)"
      fill="#00b4d8" d="M0 0h60v60H0z"></path>
    <circle cx="30" cy="30" r="30"
      transform="translate(0, 300) translate(30,30) rotate(270) translate(-30,-30)" fill="#90e0ef"></circle>
  </svg>
  <svg>
    <path transform="translate(0, 21600 translate(30,30) rotate(90) translate(-30,-30)"
      d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#023e8a"></path>
  </svg>
  <svg>
    <path transform="translate(0, 420) translate(30,30) rotate(180) translate(-30,-30)"
      fill="#023e8a" d="M0 0h60v60H0z"></path>
    <circle cx="30" cy="30" r="30"
      transform="translate(0, 420) translate(30,30) rotate(180) translate(-30,-30)" fill="#0077b6"></circle>
  </svg>
  <svg>
    <path transform="translate(0, 28800 translate(30,30) rotate(180) translate(-30,-30)"
      d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#00b4d8"></path>
  </svg>
  <svg>
    <circle cx="30" cy="30" r="30" transform="
  translate(0, 540)
  " fill="
  #0096c7
  "></circle>
  </svg>
  <svg>
    <path transform="translate(60,0) translate(30,30) rotate(180) translate(-30,-30)" fill="#00b4d8"
      d="M60 0v60H0V0z"></path>
    <path transform="translate(60,0) translate(30,30) rotate(180) translate(-30,-30)" fill="#90e0ef"
      d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
  </svg>
  <svg>
    <path transform="translate(3600, 3600 translate(30,30) rotate(90) translate(-30,-30)"
      d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#48cae4"></path>
  </svg>
  <svg>
    <path transform="translate(60,120) translate(30,30) rotate(270) translate(-30,-30)"
      fill="#023e8a" d="M60 0v60H0V0z"></path>
    <path transform="translate(60,120) translate(30,30) rotate(270) translate(-30,-30)"
      fill="#023e8a" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
  </svg>
  <svg>
    <path transform="
  translate(60, 180)
  " d="M0 0h60v60H0z" fill="
  #0077b6"></path>
  </svg>
  <svg>
    <circle cx="30" cy="30" r="30" transform="
  translate(60, 240)
  " fill="
  #0096c7
  "></circle>
  </svg>
  <svg>
    <path transform="
  translate(60, 300)
  " d="M0 0h60v60H0z" fill="
  #0077b6"></path>
  </svg>
  <svg>
    <path transform="translate(3600, 21600 translate(30,30) rotate(180) translate(-30,-30)"
      d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#90e0ef"></path>
  </svg>
  <svg>
    <path transform="translate(60, 420) translate(30,30) rotate(270) translate(-30,-30)"
      fill="#0077b6" d="M0 0h60v60H0z"></path>
    <circle cx="30" cy="30" r="30"
      transform="translate(60, 420) translate(30,30) rotate(270) translate(-30,-30)" fill="#48cae4"></circle>
  </svg>
  <svg>
    <path transform="translate(60,480) translate(30,30) rotate(90) translate(-30,-30)"
      fill="#0077b6" d="M60 0v60H0V0z"></path>
    <path transform="translate(60,480) translate(30,30) rotate(90) translate(-30,-30)"
      fill="#03045e" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
  </svg>
  <svg>
    <circle cx="30" cy="30" r="30" transform="
  translate(60, 540)
  " fill="
  #90e0ef
  "></circle>
  </svg>
  <svg>
    <circle cx="30" cy="30" r="30" transform="
  translate(120, 0)
  " fill="
  #023e8a
  "></circle>
  </svg>
  <svg>
    <path transform="
  translate(120, 60)
  " d="M0 0h60v60H0z" fill="
  #caf0f8"></path>
  </svg>
  <svg>
    <path transform="
  translate(120, 120)
  " d="M0 0h60v60H0z" fill="
  #90e0ef"></path>
  </svg>
  <svg>
    <path transform="translate(120,180) translate(30,30) rotate(270) translate(-30,-30)"
      fill="#48cae4" d="M60 0v60H0V0z"></path>
    <path transform="translate(120,180) translate(30,30) rotate(270) translate(-30,-30)"
      fill="#ade8f4" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
  </svg>
  <svg>
    <path transform="
  translate(120, 240)
  " d="M0 0h60v60H0z" fill="
  #ade8f4"></path>
  </svg>
  <svg>
    <circle cx="30" cy="30" r="30" transform="
  translate(120, 300)
  " fill="
  #0096c7
  "></circle>
  </svg>
  <svg>
    <circle cx="30" cy="30" r="30" transform="
  translate(120, 360)
  " fill="
  #023e8a
  "></circle>
  </svg>
  <svg>
    <path transform="translate(7200, 25200 translate(30,30) rotate(0) translate(-30,-30)"
      d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#48cae4"></path>
  </svg>
  <svg>
    <path transform="
  translate(120, 480)
  " d="M0 0h60v60H0z" fill="
  #ade8f4"></path>
  </svg>
  <svg>
    <path transform="translate(120,540) translate(30,30) rotate(0) translate(-30,-30)"
      fill="#00b4d8" d="M60 0v60H0V0z"></path>
    <path transform="translate(120,540) translate(30,30) rotate(0) translate(-30,-30)"
      fill="#023e8a" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
  </svg>
  <svg>
    <circle cx="30" cy="30" r="30" transform="
  translate(180, 0)
  " fill="
  #03045e
  "></circle>
  </svg>
  <svg>
    <path transform="
  translate(180, 60)
  " d="M0 0h60v60H0z" fill="
  #0077b6"></path>
  </svg>
  <svg>
    <path transform="translate(180,120) translate(30,30) rotate(90) translate(-30,-30)"
      fill="#90e0ef" d="M60 0v60H0V0z"></path>
    <path transform="translate(180,120) translate(30,30) rotate(90) translate(-30,-30)"
      fill="#00b4d8" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
  </svg>
  <svg>
    <circle cx="30" cy="30" r="30" transform="
  translate(180, 180)
  " fill="
  #0096c7
  "></circle>
  </svg>
  <svg>
    <path transform="translate(180,240) translate(30,30) rotate(90) translate(-30,-30)"
      fill="#ade8f4" d="M60 0v60H0V0z"></path>
    <path transform="translate(180,240) translate(30,30) rotate(90) translate(-30,-30)"
      fill="#caf0f8" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
  </svg>
  <svg>
    <path transform="translate(10800, 18000 translate(30,30) rotate(270) translate(-30,-30)"
      d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#48cae4"></path>
  </svg>
  <svg>
    <path transform="translate(180, 360) translate(30,30) rotate(180) translate(-30,-30)"
      fill="#023e8a" d="M0 0h60v60H0z"></path>
    <circle cx="30" cy="30" r="30"
      transform="translate(180, 360) translate(30,30) rotate(180) translate(-30,-30)" fill="#ade8f4"></circle>
  </svg>
  <svg>
    <path transform="translate(10800, 25200 translate(30,30) rotate(180) translate(-30,-30)"
      d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#0096c7"></path>
  </svg>
  <svg>
    <path transform="
  translate(180, 480)
  " d="M0 0h60v60H0z" fill="
  #03045e"></path>
  </svg>
  <svg>
    <circle cx="30" cy="30" r="30" transform="
  translate(180, 540)
  " fill="
  #0077b6
  "></circle>
  </svg>
  <svg>
    <path transform="translate(14400, 0 translate(30,30) rotate(270) translate(-30,-30)"
      d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#caf0f8"></path>
  </svg>
  <svg>
    <path transform="translate(240, 60) translate(30,30) rotate(0) translate(-30,-30)"
      fill="#ade8f4" d="M0 0h60v60H0z"></path>
    <circle cx="30" cy="30" r="30"
      transform="translate(240, 60) translate(30,30) rotate(0) translate(-30,-30)" fill="#caf0f8"></circle>
  </svg>
  <svg>
    <path transform="
  translate(240, 120)
  " d="M0 0h60v60H0z" fill="
  #48cae4"></path>
  </svg>
  <svg>
    <path transform="translate(240, 180) translate(30,30) rotate(90) translate(-30,-30)"
      fill="#0077b6" d="M0 0h60v60H0z"></path>
    <circle cx="30" cy="30" r="30"
      transform="translate(240, 180) translate(30,30) rotate(90) translate(-30,-30)" fill="#03045e"></circle>
  </svg>
  <svg>
    <path transform="translate(240, 240) translate(30,30) rotate(90) translate(-30,-30)"
      fill="#0096c7" d="M0 0h60v60H0z"></path>
    <circle cx="30" cy="30" r="30"
      transform="translate(240, 240) translate(30,30) rotate(90) translate(-30,-30)" fill="#023e8a"></circle>
  </svg>
  <svg>
    <circle cx="30" cy="30" r="30" transform="
  translate(240, 300)
  " fill="
  #ade8f4
  "></circle>
  </svg>
  <svg>
    <path transform="translate(240,360) translate(30,30) rotate(0) translate(-30,-30)"
      fill="#00b4d8" d="M60 0v60H0V0z"></path>
    <path transform="translate(240,360) translate(30,30) rotate(0) translate(-30,-30)"
      fill="#0096c7" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
  </svg>
  <svg>
    <path transform="translate(240, 420) translate(30,30) rotate(90) translate(-30,-30)"
      fill="#90e0ef" d="M0 0h60v60H0z"></path>
    <circle cx="30" cy="30" r="30"
      transform="translate(240, 420) translate(30,30) rotate(90) translate(-30,-30)" fill="#03045e"></circle>
  </svg>
  <svg>
    <circle cx="30" cy="30" r="30" transform="
  translate(240, 480)
  " fill="
  #ade8f4
  "></circle>
  </svg>
  <svg>
    <path transform="translate(14400, 32400 translate(30,30) rotate(270) translate(-30,-30)"
      d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#023e8a"></path>
  </svg>
  <svg>
    <path transform="translate(18000, 0 translate(30,30) rotate(270) translate(-30,-30)"
      d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#ade8f4"></path>
  </svg>
  <svg>
    <path transform="
  translate(300, 60)
  " d="M0 0h60v60H0z" fill="
  #0077b6"></path>
  </svg>
  <svg>
    <circle cx="30" cy="30" r="30" transform="
  translate(300, 120)
  " fill="
  #ade8f4
  "></circle>
  </svg>
  <svg>
    <path transform="translate(300, 180) translate(30,30) rotate(0) translate(-30,-30)"
      fill="#0096c7" d="M0 0h60v60H0z"></path>
    <circle cx="30" cy="30" r="30"
      transform="translate(300, 180) translate(30,30) rotate(0) translate(-30,-30)" fill="#00b4d8"></circle>
  </svg>
  <svg>
    <circle cx="30" cy="30" r="30" transform="
  translate(300, 240)
  " fill="
  #023e8a
  "></circle>
  </svg>
  <svg>
    <path transform="translate(18000, 18000 translate(30,30) rotate(180) translate(-30,-30)"
      d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#00b4d8"></path>
  </svg>
  <svg>
    <path transform="translate(18000, 21600 translate(30,30) rotate(0) translate(-30,-30)"
      d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#48cae4"></path>
  </svg>
  <svg>
    <path transform="translate(300,420) translate(30,30) rotate(270) translate(-30,-30)"
      fill="#ade8f4" d="M60 0v60H0V0z"></path>
    <path transform="translate(300,420) translate(30,30) rotate(270) translate(-30,-30)"
      fill="#023e8a" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
  </svg>
  <svg>
    <path transform="translate(300,480) translate(30,30) rotate(0) translate(-30,-30)"
      fill="#03045e" d="M60 0v60H0V0z"></path>
    <path transform="translate(300,480) translate(30,30) rotate(0) translate(-30,-30)"
      fill="#023e8a" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
  </svg>
  <svg>
    <path transform="translate(300, 540) translate(30,30) rotate(270) translate(-30,-30)"
      fill="#ade8f4" d="M0 0h60v60H0z"></path>
    <circle cx="30" cy="30" r="30"
      transform="translate(300, 540) translate(30,30) rotate(270) translate(-30,-30)" fill="#48cae4"></circle>
  </svg>
  <svg>
    <circle cx="30" cy="30" r="30" transform="
  translate(360, 0)
  " fill="
  #0077b6
  "></circle>
  </svg>
  <svg>
    <path transform="translate(360,60) translate(30,30) rotate(0) translate(-30,-30)" fill="#0077b6"
      d="M60 0v60H0V0z"></path>
    <path transform="translate(360,60) translate(30,30) rotate(0) translate(-30,-30)" fill="#023e8a"
      d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
  </svg>
  <svg>
    <circle cx="30" cy="30" r="30" transform="
  translate(360, 120)
  " fill="
  #48cae4
  "></circle>
  </svg>
  <svg>
    <path transform="translate(21600, 10800 translate(30,30) rotate(180) translate(-30,-30)"
      d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#023e8a"></path>
  </svg>
  <svg>
    <path transform="translate(21600, 14400 translate(30,30) rotate(90) translate(-30,-30)"
      d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#0096c7"></path>
  </svg>
  <svg>
    <path transform="
  translate(360, 300)
  " d="M0 0h60v60H0z" fill="
  #0096c7"></path>
  </svg>
  <svg>
    <path transform="translate(360, 360) translate(30,30) rotate(90) translate(-30,-30)"
      fill="#023e8a" d="M0 0h60v60H0z"></path>
    <circle cx="30" cy="30" r="30"
      transform="translate(360, 360) translate(30,30) rotate(90) translate(-30,-30)" fill="#03045e"></circle>
  </svg>
  <svg>
    <path transform="translate(21600, 25200 translate(30,30) rotate(0) translate(-30,-30)"
      d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#00b4d8"></path>
  </svg>
  <svg>
    <path transform="translate(360, 480) translate(30,30) rotate(90) translate(-30,-30)"
      fill="#ade8f4" d="M0 0h60v60H0z"></path>
    <circle cx="30" cy="30" r="30"
      transform="translate(360, 480) translate(30,30) rotate(90) translate(-30,-30)" fill="#0096c7"></circle>
  </svg>
  <svg>
    <circle cx="30" cy="30" r="30" transform="
  translate(360, 540)
  " fill="
  #0096c7
  "></circle>
  </svg>
  <svg>
    <path transform="translate(420, 0) translate(30,30) rotate(180) translate(-30,-30)"
      fill="#0077b6" d="M0 0h60v60H0z"></path>
    <circle cx="30" cy="30" r="30"
      transform="translate(420, 0) translate(30,30) rotate(180) translate(-30,-30)" fill="#0096c7"></circle>
  </svg>
  <svg>
    <path transform="
  translate(420, 60)
  " d="M0 0h60v60H0z" fill="
  #ade8f4"></path>
  </svg>
  <svg>
    <circle cx="30" cy="30" r="30" transform="
  translate(420, 120)
  " fill="
  #00b4d8
  "></circle>
  </svg>
  <svg>
    <path transform="translate(25200, 10800 translate(30,30) rotate(180) translate(-30,-30)"
      d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#ade8f4"></path>
  </svg>
  <svg>
    <circle cx="30" cy="30" r="30" transform="
  translate(420, 240)
  " fill="
  #caf0f8
  "></circle>
  </svg>
  <svg>
    <path transform="translate(420,300) translate(30,30) rotate(180) translate(-30,-30)"
      fill="#0077b6" d="M60 0v60H0V0z"></path>
    <path transform="translate(420,300) translate(30,30) rotate(180) translate(-30,-30)"
      fill="#023e8a" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
  </svg>
  <svg>
    <path transform="translate(420, 360) translate(30,30) rotate(180) translate(-30,-30)"
      fill="#48cae4" d="M0 0h60v60H0z"></path>
    <circle cx="30" cy="30" r="30"
      transform="translate(420, 360) translate(30,30) rotate(180) translate(-30,-30)" fill="#0077b6"></circle>
  </svg>
  <svg>
    <path transform="
  translate(420, 420)
  " d="M0 0h60v60H0z" fill="
  #0077b6"></path>
  </svg>
  <svg>
    <path transform="
  translate(420, 480)
  " d="M0 0h60v60H0z" fill="
  #0096c7"></path>
  </svg>
  <svg>
    <circle cx="30" cy="30" r="30" transform="
  translate(420, 540)
  " fill="
  #0096c7
  "></circle>
  </svg>
  <svg>
    <path transform="translate(480, 0) translate(30,30) rotate(180) translate(-30,-30)"
      fill="#00b4d8" d="M0 0h60v60H0z"></path>
    <circle cx="30" cy="30" r="30"
      transform="translate(480, 0) translate(30,30) rotate(180) translate(-30,-30)" fill="#ade8f4"></circle>
  </svg>
  <svg>
    <path transform="translate(28800, 3600 translate(30,30) rotate(180) translate(-30,-30)"
      d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#023e8a"></path>
  </svg>
  <svg>
    <path transform="translate(480, 120) translate(30,30) rotate(270) translate(-30,-30)"
      fill="#00b4d8" d="M0 0h60v60H0z"></path>
    <circle cx="30" cy="30" r="30"
      transform="translate(480, 120) translate(30,30) rotate(270) translate(-30,-30)" fill="#023e8a"></circle>
  </svg>
  <svg>
    <path transform="
  translate(480, 180)
  " d="M0 0h60v60H0z" fill="
  #48cae4"></path>
  </svg>
  <svg>
    <circle cx="30" cy="30" r="30" transform="
  translate(480, 240)
  " fill="
  #00b4d8
  "></circle>
  </svg>
  <svg>
    <path transform="translate(480, 300) translate(30,30) rotate(90) translate(-30,-30)"
      fill="#03045e" d="M0 0h60v60H0z"></path>
    <circle cx="30" cy="30" r="30"
      transform="translate(480, 300) translate(30,30) rotate(90) translate(-30,-30)" fill="#00b4d8"></circle>
  </svg>
  <svg>
    <path transform="translate(28800, 21600 translate(30,30) rotate(180) translate(-30,-30)"
      d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#0096c7"></path>
  </svg>
  <svg>
    <path transform="translate(480,420) translate(30,30) rotate(270) translate(-30,-30)"
      fill="#00b4d8" d="M60 0v60H0V0z"></path>
    <path transform="translate(480,420) translate(30,30) rotate(270) translate(-30,-30)"
      fill="#0096c7" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
  </svg>
  <svg>
    <path transform="translate(28800, 28800 translate(30,30) rotate(90) translate(-30,-30)"
      d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#00b4d8"></path>
  </svg>
  <svg>
    <circle cx="30" cy="30" r="30" transform="
  translate(480, 540)
  " fill="
  #0077b6
  "></circle>
  </svg>
  <svg>
    <path transform="
  translate(540, 0)
  " d="M0 0h60v60H0z" fill="
  #caf0f8"></path>
  </svg>
  <svg>
    <path transform="translate(540, 60) translate(30,30) rotate(0) translate(-30,-30)"
      fill="#90e0ef" d="M0 0h60v60H0z"></path>
    <circle cx="30" cy="30" r="30"
      transform="translate(540, 60) translate(30,30) rotate(0) translate(-30,-30)" fill="#48cae4"></circle>
  </svg>
  <svg>
    <circle cx="30" cy="30" r="30" transform="
  translate(540, 120)
  " fill="
  #0077b6
  "></circle>
  </svg>
  <svg>
    <path transform="translate(540,180) translate(30,30) rotate(180) translate(-30,-30)"
      fill="#00b4d8" d="M60 0v60H0V0z"></path>
    <path transform="translate(540,180) translate(30,30) rotate(180) translate(-30,-30)"
      fill="#0096c7" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
  </svg>
  <svg>
    <path transform="translate(540, 240) translate(30,30) rotate(0) translate(-30,-30)"
      fill="#90e0ef" d="M0 0h60v60H0z"></path>
    <circle cx="30" cy="30" r="30"
      transform="translate(540, 240) translate(30,30) rotate(0) translate(-30,-30)" fill="#48cae4"></circle>
  </svg>
  <svg>
    <path transform="translate(540, 300) translate(30,30) rotate(270) translate(-30,-30)"
      fill="#caf0f8" d="M0 0h60v60H0z"></path>
    <circle cx="30" cy="30" r="30"
      transform="translate(540, 300) translate(30,30) rotate(270) translate(-30,-30)" fill="#ade8f4"></circle>
  </svg>
  <svg>
    <path transform="translate(540,360) translate(30,30) rotate(0) translate(-30,-30)"
      fill="#00b4d8" d="M60 0v60H0V0z"></path>
    <path transform="translate(540,360) translate(30,30) rotate(0) translate(-30,-30)"
      fill="#00b4d8" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path>
  </svg>
  <svg>
    <path transform="
  translate(540, 420)
  " d="M0 0h60v60H0z" fill="
  #00b4d8"></path>
  </svg>
  <svg>
    <path transform="translate(540, 480) translate(30,30) rotate(180) translate(-30,-30)"
      fill="#00b4d8" d="M0 0h60v60H0z"></path>
    <circle cx="30" cy="30" r="30"
      transform="translate(540, 480) translate(30,30) rotate(180) translate(-30,-30)" fill="#00b4d8"></circle>
  </svg>
  <svg>
    <path transform="translate(540, 540) translate(30,30) rotate(90) translate(-30,-30)"
      fill="#0077b6" d="M0 0h60v60H0z"></path>
    <circle cx="30" cy="30" r="30"
      transform="translate(540, 540) translate(30,30) rotate(90) translate(-30,-30)" fill="#0096c7"></circle>
  </svg>
</svg>