hilbert svg

hilbert.svg

<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1136 1136">
  <defs>
    <style>
      .cls-1 {
        fill: none;
        stroke: #000;
        stroke-miterlimit: 10;
        stroke-width: 40px;
      }
    </style>
    <filter id="f0" color-interpolation-filters="linearRGB" >
    <feColorMatrix in="SourceGraphic"
        type="matrix"
        values="0.25 0 0 0   0.75
                0 0.25 0 0   0.75
                0 0 0.25 0   0.75
                0 0 0 1   0" />
    </filter>
    <filter id="f1" color-interpolation-filters="linearRGB" >
    <feColorMatrix in="SourceGraphic"
        type="matrix"
        values="0.25 0 0 0   0.5
                0 0.25 0 0   0.5
                0 0 0.25 0   0.5
                0 0 0 1   0" />
    </filter>
    <filter id="f2" color-interpolation-filters="linearRGB" >
    <feColorMatrix in="SourceGraphic"
        type="matrix"
        values="0.25 0 0 0   0.25
                0 0.25 0 0   0.25
                0 0 0.25 0   0.25
                0 0 0 1   0" />
    </filter>
    <filter id="f3" color-interpolation-filters="linearRGB" >
    <feColorMatrix in="SourceGraphic"
        type="matrix"

        values="0.25 0 0 0   0
                0 0.25 0 0   0
                0 0 0.25 0   0
                0 0 0 1   0" />
    </filter>
    <filter id="c1" color-interpolation-filters="linearRGB" >
  <feComponentTransfer in="colormatrix" result="componentTransfer">
        <feFuncR type="table" tableValues="0.27 0.86 0.97"/>
    <feFuncG type="table"     tableValues="0.01 0.08 0.81"/>
    <feFuncB type="table"     tableValues="0.02 0.24 0.05"/>
    <feFuncA type="table" tableValues="0 1"/>
    </feComponentTransfer>

    </filter>
    <symbol id="l1" data-name="l1" viewBox="0 0 128 128">
      <!-- 0123 -->
      <!-- 4567 -->
      <!-- 89ab -->
      <!-- cdef -->

      <circle fill="#FFF" cx="96" cy="32" r="32"/>
      <circle fill="#CCC" cx="96" cy="96" r="32"/>
      <circle fill="#888" cx="32" cy="96" r="32"/>
      <circle fill="#333" cx="32" cy="32" r="32"/>
      <!-- <polyline class="cls-1" points="96 32 96 96 32 96 32 32"/> -->
    </symbol>
    <symbol id="l2" data-name="l2" viewBox="0 0 272 272">
      <use filter="url(#f0)" width="128" height="128" transform="matrix(0, -1, -1, 0, 272, 128)" xlink:href="#l1"/>
      <use filter="url(#f1)" width="128" height="128" transform="translate(144 144)" xlink:href="#l1"/>
      <use filter="url(#f2)" width="128" height="128" transform="translate(0 144)" xlink:href="#l1"/>
      <use filter="url(#f3)" width="128" height="128" transform="matrix(0, 1, 1, 0, 0, 0)" xlink:href="#l1"/>
    </symbol>
    <symbol id="l3" data-name="l3" viewBox="0 0 560 560">
      <use filter="url(#f0)"  width="272" height="272" transform="matrix(0, -1, -1, 0, 560, 272)" xlink:href="#l2"/>
      <use filter="url(#f1)"  width="272" height="272" transform="translate(288 288)" xlink:href="#l2"/>
      <use filter="url(#f2)"  width="272" height="272" transform="translate(0 288)" xlink:href="#l2"/>
      <use filter="url(#f3)"  width="272" height="272" transform="matrix(0, 1, 1, 0, 0, 0)" xlink:href="#l2"/>
    </symbol>
    <symbol id="l4" data-name="New Symbol 3" viewBox="0 0 1136 1136">
      <use   width="560" height="560" transform="matrix(0, -1, -1, 0, 1136, 560)" xlink:href="#l3"/>
      <use   width="560" height="560" transform="translate(576 576)" xlink:href="#l3"/>
      <use   width="560" height="560" transform="translate(0 576)" xlink:href="#l3"/>
      <use   width="560" height="560" transform="matrix(0, 1, 1, 0, 0, 0)" xlink:href="#l3"/>
    </symbol>
  </defs>
  <title>hilbert</title>
  <use filter="url(#c1)" id="New_Symbol_3-3" data-name="New Symbol 3" width="1136" height="1136" transform="translate(0 0)" xlink:href="#l4"/>
</svg>