SVG-Skeleton – CODEBOX

SVG-Skeleton

✨ นายพิชญ์รัฐ ไพบูลย์ธรรม

<style>
  body{
    margin:2em;
    background:grey;
  }
  svg{
  background:white;
  }
</style>
<svg viewBox="0 0 8 8">
  <rect fill="#2E2E2E" width="8" height="8"></rect>
  <rect fill="#A1A1A1" width="1" height="1" x="0" y="0"></rect>
  <rect fill="#9B9B9B" width="1" height="1" x="1" y="0"></rect>
  <rect fill="#A3A3A3" width="1" height="1" x="2" y="0"></rect>
  <rect fill="#919191" width="1" height="1" x="3" y="0"></rect>
  <rect fill="#888888" width="1" height="1" x="4" y="0"></rect>
  <rect fill="#8F8F8F" width="1" height="1" x="5" y="0"></rect>
  <rect fill="#9B9B9B" width="1" height="1" x="6" y="0"></rect>
  <rect fill="#989898" width="1" height="1" x="7" y="0"></rect>
  <rect fill="#9B9B9B" width="3" height="1" x="0" y="1"></rect>
  <rect fill="#AAAAAA" width="1" height="1" x="3" y="1"></rect>
  <rect fill="#C1C1C1" width="1" height="1" x="4" y="1"></rect>
  <rect fill="#BEBEBE" width="1" height="1" x="5" y="1"></rect>
  <rect fill="#9B9B9B" width="1" height="1" x="6" y="1"></rect>
  <rect fill="#919191" width="1" height="1" x="7" y="1"></rect>
  <rect fill="#9B9B9B" width="1" height="1" x="0" y="2"></rect>
  <rect fill="#C7C7C7" width="1" height="1" x="1" y="2"></rect>
  <rect fill="#CACACA" width="1" height="1" x="2" y="2"></rect>
  <rect fill="#D8D8D8" width="1" height="1" x="3" y="2"></rect>
  <rect fill="#CFCFCF" width="2" height="1" x="4" y="2"></rect>
  <rect fill="#BABABA" width="1" height="1" x="6" y="2"></rect>
  <rect fill="#AAAAAA" width="1" height="1" x="7" y="2"></rect>
  <rect fill="#AAAAAA" width="1" height="1" x="0" y="3"></rect>
  <rect fill="#C4C4C4" width="1" height="1" x="1" y="3"></rect>
  <rect fill="#BABABA" width="1" height="1" x="2" y="3"></rect>
  <rect fill="#C1C1C1" width="1" height="1" x="3" y="3"></rect>
  <rect fill="#AFAFAF" width="1" height="1" x="4" y="3"></rect>
  <rect fill="#CACACA" width="1" height="1" x="5" y="3"></rect>
  <rect fill="#AAAAAA" width="2" height="1" x="6" y="3"></rect>
  <rect fill="#C4C4C4" width="1" height="1" x="0" y="4"></rect>
  <rect fill="#494949" width="2" height="1" x="1" y="4"></rect>
  <rect fill="#C4C4C4" width="1" height="1" x="3" y="4"></rect>
  <rect fill="#CACACA" width="1" height="1" x="4" y="4"></rect>
  <rect fill="#494949" width="2" height="1" x="5" y="4"></rect>
  <rect fill="#BABABA" width="1" height="1" x="7" y="4"></rect>
  <rect fill="#A7A7A7" width="1" height="1" x="0" y="5"></rect>
  <rect fill="#C1C1C1" width="1" height="1" x="1" y="5"></rect>
  <rect fill="#CACACA" width="1" height="1" x="2" y="5"></rect>
  <rect fill="#828282" width="2" height="1" x="3" y="5"></rect>
  <rect fill="#CACACA" width="1" height="1" x="5" y="5"></rect>
  <rect fill="#AAAAAA" width="1" height="1" x="6" y="5"></rect>
  <rect fill="#8F8F8F" width="1" height="1" x="7" y="5"></rect>
  <rect fill="#9E9E9E" width="1" height="1" x="0" y="6"></rect>
  <rect fill="#494949" width="6" height="1" x="1" y="6"></rect>
  <rect fill="#919191" width="1" height="1" x="7" y="6"></rect>
  <rect fill="#828282" width="1" height="1" x="0" y="7"></rect>
  <rect fill="#7F7F7F" width="1" height="1" x="1" y="7"></rect>
  <rect fill="#828282" width="5" height="1" x="2" y="7"></rect>
  <rect fill="#888888" width="1" height="1" x="7" y="7"></rect>
</svg>
</svg>