1.svg

<?xml version="1.0" encoding="utf-8"?><svg
  xmlns="http://www.w3.org/2000/svg"
  color="#000000"
  width="100%"
  height="100%"
>
  <defs>
    <pattern
      id="diagonalHatch"
      patternUnits="userSpaceOnUse"
      patternTransform="translate(0)"
      width="8"
      height="8"
    >
      <rect width="8" height="8" fill="white" />
      <path
        d="M-2,2 l4,-4 M0,8 l8,-8 M6,10 l4,-4"
        style="stroke: black; stroke-width: 3"
      ></path>
      <animateTransform
        attributeType="xml"
        attributeName="patternTransform"
        type="translate"
        from="0 0"
        to="8 8"
        begin="0"
        dur="2s"
        repeatCount="indefinite"
      />
    </pattern>
  </defs>
  <text
    x="50%"
    y="55%"
    dominant-baseline="middle"
    text-anchor="middle"
    stroke="url(#diagonalHatch)"
    fill="none"
    style="font-size: 55vh; font-family: &quot;Times New Roman&quot;"
  >
    1
  </text>
  <rect
    x="5%"
    y="5%"
    width="90%"
    height="90%"
    fill="none"
    stroke="url(#diagonalHatch)"
    vector-effect="non-scaling-stroke"
  ></rect>
  <name>white</name>
  <style>
    svg {
      background-color: white;
    }
    bgStyle {
      1: b10e2d527612073b26eecdfd717e6a320cf44b4afac2b0732d9fcbe2b7fa0cf6;
    }
  </style>
</svg>