docs/mole.svg

<svg xmlns="http://www.w3.org/2000/svg" fill="none" overflow="visible"><svg xmlns="http://www.w3.org/2000/svg" fill="none" overflow="visible">
  <style>
    @keyframes mole-14-hand-1-move {
    0% {
    transform: translate(-0.5px, -1.5px);
    }
    50% {
    transform: translate(-1px, -1.5px);
    }
    100% {
    transform: translate(-0.5px, -1.5px);
    }
    }

    @keyframes mole-14-hand-2-move {
    0% {
    transform: translate(6.5px, -1.5px);
    }
    50% {
    transform: translate(7px, -1.5px);
    }
    100% {
    transform: translate(6.5px, -1.5px);
    }
    }

    @keyframes mole-14-body-move {
    0% {
    transform: translate(0px, -10px);
    }
    50% {
    transform: translate(0px, -8.5px);
    }
    100% {
    transform: translate(0px, -10px);
    }
    }

    #mole-14-hand-1 {
    animation-name:mole-14-hand-1-move;
    animation-duration:0.5s;
    animation-iteration-count:infinite;
    animation-timing-function: ease-in-out;
    }

    #mole-14-hand-2 {
    animation-name:mole-14-hand-2-move;
    animation-duration:0.5s;
    animation-iteration-count:infinite;
    animation-timing-function: ease-in-out;
    }

    #mole-14-body {
    animation-name:mole-14-body-move;
    animation-duration:1s;
    animation-iteration-count:infinite;
    animation-timing-function: ease-in-out;
    }

  </style>


  <g id="mole-14" transform="translate(6, 30)">
    <svg width="600" height="300" viewBox="0 0 200 100" fill="none" overflow="visible">
      <g id="mole-14-ground" transform="translate(-1.5, -2)">
        <rect y="1" width="12" height="2" fill="#C8AB83"/>
        <rect x="0.923096" y="0.5" width="10.1538" height="0.5" fill="#C8AB83"/>
        <rect x="0.923096" y="3" width="10.1538" height="0.5" fill="#C8AB83"/>
        <rect x="1.84619" width="8.30769" height="0.5" fill="#C8AB83"/>
        <rect x="1.84619" y="3.5" width="8.30769" height="0.5" fill="#C8AB83"/>
      </g>
      <g id="mole-14-body" transform="translate(0, -10)">
        <rect x="0.5" y="2.5" width="8" height="8" fill="#B99272"/>
        <rect x="1" y="1.5" width="7" height="9" fill="#B99272"/>
        <rect x="1.5" y="0.5" width="6" height="9" fill="#B99272"/>
        <rect x="1.5" y="0.5" width="0.5" height="2" fill="#CAA17F"/>
        <rect x="1" y="1.5" width="1" height="1" fill="#CAA17F"/>
        <rect x="2" width="5" height="8" fill="#B99272"/>
        <rect x="2" y="0.5" width="1" height="2" fill="#CAA17F"/>
        <rect x="2" width="4" height="1.5" fill="#CAA17F"/>
        <rect x="1" y="6.5" width="1" height="4" fill="black" fill-opacity="0.1"/>
        <rect x="0.5" y="6.5" width="0.5" height="2" fill="black" fill-opacity="0.1"/>
        <rect x="2" y="7.5" width="1" height="3" fill="black" fill-opacity="0.1"/>
        <rect x="3" y="8.5" width="1" height="2" fill="black" fill-opacity="0.1"/>
        <rect x="4" y="9.5" width="4" height="1" fill="black" fill-opacity="0.1"/>
        <rect x="6" y="8.5" width="2" height="1" fill="black" fill-opacity="0.1"/>
        <rect x="4" y="3" width="0.75" height="1.8" fill="black"/>
        <rect x="6" y="2.5" width="0.75" height="1.8" fill="black"/>
        <rect x="5" y="4.5" width="2" height="1" fill="#D9BCA3"/>
      </g>
      <g id="mole-14-ground-cover" transform="translate(-1.5, 0)">
        <rect x="0.923096" y="0.5" width="10.1538" height="1" fill="#C8AB83"/>
        <rect x="1.84619" y="1" width="8.30769" height="1" fill="#C8AB83"/>
      </g>
      <g id="mole-14-hand-1" transform="translate(0, -10)">
        <rect y="0.5" width="3" height="2" fill="#765D49"/>
        <rect x="2" y="1.5" width="1" height="1" fill="#242427"/>
        <rect y="1.5" width="1" height="1" fill="#242427"/>
      </g>
      <g id="mole-14-hand-2" transform="translate(0, -10)">
        <rect y="0.5" width="3" height="2" fill="#765D49"/>
        <rect x="2" y="1.5" width="1" height="1" fill="#242427"/>
        <rect y="1.5" width="1" height="1" fill="#242427"/>
      </g>
    </svg>
  </g>
</svg>
</svg>