src/images/alchi.pallas-pattern.nocircles.64points.svg

<svg title="pallas-pattern.nocircles.64points"
  viewBox="0 0 1600 1600"
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink"
  >
  <defs>
    <style type="text/css">
        svg { --fg: black; --bg: white; } /* light mode */

        .fig1 .stroke {
          stroke-width: 2;
          stroke: black; /* fallback when css variables are not supported */
          stroke: var(--fg);
        }

        .fig1 .stroke2 {
          stroke-width: 4;
        }

        .nofill {
          fill: none;
        }

        .fillbg {
          fill: white;
          fill: var(--bg);
        }

        .fillfg {
          fill: black;
          fill: var(--fg);
        }
      </style>
  </defs>
  <g class="fig1">
    <g title="Pattern lines" stroke-width="4" fill="none" stroke="black" class="stroke2 nofill">
        <g id="pallas-pattern-16-points" title="pallas key: center cross, top-right square" stroke-width="4" fill="none" stroke="black" class="stroke2 nofill">
          <g title="simple pattern">
            <g title="single lines orthogonal: single lines outside squares">
              <g id="nocircles-square-top-right">
                <title>top right square, no circles</title>
                <path d="M 700 100 L 700 300"/>
                <path d="M 500 100 L 500 300"/>
                <path d="M 500 300 L 700 300"/>
                <path d="M 500 100 L 700 100"/>
              </g>

              <use id="nocircles-square-top-left" xlink:href="#nocircles-square-top-right" transform="translate(-400 0)" />
              <use id="nocircles-square-bottom-left" xlink:href="#nocircles-square-top-right" transform="translate(-400 400)" />
              <use id="nocircles-square-bottom-right" xlink:href="#nocircles-square-top-right" transform="translate(0 400)" />
            </g>
            <g id="nocircles-cross-center">
              <path title="center bottom-left to top-right" d="M 500 300 L 300 500"/>
              <path title="center top-left to bottom-right" d="M 500 500 L 300 300"/>
            </g>
            <use id="nocircles-cross-left" xlink:href="#nocircles-cross-center" transform="translate(-400 0)" />
            <use id="nocircles-cross-right" xlink:href="#nocircles-cross-center" transform="translate(400 0)" />
            <use id="nocircles-cross-top" xlink:href="#nocircles-cross-center" transform="translate(0 -400)" />
            <use id="nocircles-cross-bottom" xlink:href="#nocircles-cross-center" transform="translate(0 400)" />
            <use id="nocircles-cross-top-left" xlink:href="#nocircles-cross-center" transform="translate(-400 -400)" />
            <use id="nocircles-cross-top-right" xlink:href="#nocircles-cross-center" transform="translate(400 -400)" />
            <use id="nocircles-cross-bottom-left" xlink:href="#nocircles-cross-center" transform="translate(-400 400)" />
            <use id="nocircles-cross-bottom-right" xlink:href="#nocircles-cross-center" transform="translate(400 400)" />
          </g>
        </g>
        <use title="clone right top" transform="translate(800 0)" xlink:href="#pallas-pattern-16-points" />
        <use title="clone right bottom" transform="translate(800 800)" xlink:href="#pallas-pattern-16-points" />
        <use title="clone left bottom" transform="translate(0 800)" xlink:href="#pallas-pattern-16-points" />
    </g>

  </g>
</svg>