docs/turtle.svg

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

  @keyframes turtle-14-leg-left-move {
  0% {
  transform: translate(-5px, 7px);
  }
  50% {
  transform: translate(-5px, 5px) rotate(8deg);
  }
  100% {
  transform: translate(-5px, 7px);
  }
  }

  @keyframes turtle-14-leg-right-move {
  0% {
  transform: translate(0px, 6px);
  }
  50% {
  transform: translate(0px, 7px) rotate(-7deg);
  }
  100% {
  transform: translate(0px, 6px);
  }
  }

  #turtle-14-head {
  animation-name: turtle-14-head-move;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  }

  #turtle-14-leg-left {
  animation-name: turtle-14-leg-left-move;
  animation-duration: 3s;
  animation-iteration-count:infinite;
  animation-timing-function: ease-in-out;
  }

  #turtle-14-leg-right {
  animation-name: turtle-14-leg-right-move;
  animation-duration: 3s;
  animation-iteration-count:infinite;
  animation-timing-function: ease-in-out;
  }

</style>
  <g id="turtle-14" transform="translate(15, 10)">
    <svg width="600" height="300" viewBox="0 0 200 100" fill="none" overflow="visible">
      <g id="turtle-14-shadow" transform="translate(-4, 3)">
        <path fill-rule="evenodd" clip-rule="evenodd" d="M17.9375 14.8125L18.9766 15.8516L19.9453 14.8828L20.9453 15.8828L24.2422 12.5859L11.6562 0L10.6562 1L9.65625 0L9.54688 0.109375L9.4375 0L4.76562 4.67188L5.17188 5.07812L4.59375 5.65625L2.90625 3.96875L0.90625 5.96875L2.4043 7.4668L1.99955 7.87155L8.08744 13.9594L8.49219 13.5547L11.25 16.3125L12.0156 15.5469L12.8906 16.4219L13.875 15.4375L14.7031 16.2656L15.5312 15.4375L16.4219 16.3281L17.9375 14.8125Z" fill="#2B4447" fill-opacity="0.1"/>
      </g>
      <g id="turtle-14-leg-right" transform="translate(0, 6)">
        <rect x="7" y="7" width="5" height="1" fill="#B0E6DB"/>
        <rect x="7" y="6" width="4" height="1" fill="#B0E6DB"/>
        <rect x="6" y="8" width="6" height="1" fill="#B0E6DB"/>
        <rect x="5" y="9" width="6" height="1" fill="#B0E6DB"/>
        <rect x="3" y="10" width="7" height="1" fill="#B0E6DB"/>
        <rect x="4" y="11" width="3" height="1" fill="#B0E6DB"/>
        <rect x="4" y="11" width="4" height="1" fill="#96CCBD"/>
        <rect x="8" y="10" width="2" height="1" fill="#96CCBD"/>
        <rect x="10" y="9" width="1" height="1" fill="#96CCBD"/>
        <rect x="1" y="2" width="1" height="1" fill="#96CCBD"/>
        <rect width="1" height="2" fill="#96CCBD"/>
        <rect x="7" y="7" width="1" height="1" fill="#96CCBD"/>
        <rect x="8" y="7" width="1" height="1" fill="#96CCBD"/>
        <rect x="11" y="6" width="1" height="3" fill="#96CCBD"/>
      </g>
      <g id="turtle-14-leg-left" transform="translate(-5, 7)">
        <rect x="2" y="3" width="4" height="1" fill="#B0E6DB"/>
        <rect x="1" y="2" width="6" height="1" fill="#B0E6DB"/>
        <rect y="1" width="7" height="1" fill="#B0E6DB"/>
        <rect x="2" width="4" height="1" fill="#B0E6DB"/>
        <rect y="1" width="1" height="1" fill="#96CCBD"/>
        <rect x="6" y="2" width="1" height="1" fill="#96CCBD"/>
        <rect x="1" y="2" width="2" height="1" fill="#96CCBD"/>
        <rect x="2" y="3" width="4" height="1" fill="#96CCBD"/>
      </g>
      <g id="turtle-14-body" transform="translate(0, 0)">
        <rect y="5" width="18" height="2" fill="#88DBD2"/>
        <rect x="3" y="6" width="14" height="3" fill="#88DBD2"/>
        <rect x="16" y="6" width="3" height="5" fill="#88DBD2"/>
        <rect x="2" y="3" width="14" height="1" fill="#88DBD2"/>
        <rect x="1" y="4" width="16" height="1" fill="#88DBD2"/>
        <rect x="3" y="2" width="13" height="1" fill="#88DBD2"/>
        <rect x="5" y="1" width="10" height="1" fill="#88DBD2"/>
        <rect x="6" width="7" height="1" fill="#88DBD2"/>
        <rect x="5" y="8" width="11" height="3" fill="#88DBD2"/>
        <rect x="9" y="10" width="7" height="3" fill="#88DBD2"/>
        <rect x="9" y="12" width="5" height="2" fill="#0A776A"/>
        <rect x="11" y="12" width="4" height="1" fill="#0A776A"/>
        <rect x="13" y="11" width="3" height="1" fill="#0A776A"/>
        <rect x="8" y="11" width="1" height="3" fill="#0A776A"/>
        <rect x="3" y="9" width="2" height="2" fill="#0A776A"/>
        <rect x="4" y="10" width="2" height="2" fill="#0A776A"/>
        <rect x="5" y="11" width="3" height="2" fill="#0A776A"/>
        <rect x="2" y="8" width="2" height="2" fill="#0A776A"/>
        <rect x="1" y="7" width="2" height="2" fill="#0A776A"/>
        <rect y="6" width="2" height="2" fill="#0A776A"/>
        <rect y="5" width="1" height="1" fill="#0A776A"/>
        <rect x="9" width="1" height="1" fill="#0F9081"/>
        <rect x="9" y="1" width="1" height="1" fill="#0F9081"/>
        <rect x="9" y="2" width="1" height="1" fill="#0F9081"/>
        <rect x="9" y="4" width="1" height="1" fill="#0F9081"/>
        <rect x="5" y="5" width="1" height="1" fill="#0F9081"/>
        <rect x="3" y="7" width="1" height="1" fill="#0F9081"/>
        <rect x="4" y="7" width="1" height="1" fill="#0F9081"/>
        <rect x="8" y="10" width="1" height="1" fill="#0F9081"/>
        <rect x="4" y="4" width="1" height="1" fill="#0F9081"/>
        <rect x="4" y="3" width="1" height="1" fill="#0F9081"/>
        <rect x="4" y="2" width="1" height="1" fill="#0F9081"/>
        <rect x="5" y="1" width="1" height="1" fill="#0F9081"/>
        <rect x="6" width="1" height="1" fill="#0F9081"/>
        <rect x="7" width="1" height="1" fill="#0F9081"/>
        <rect x="8" width="1" height="1" fill="#0F9081"/>
        <rect x="10" width="3" height="1" fill="#4FBDB4"/>
        <rect x="13" y="1" width="2" height="1" fill="#4FBDB4"/>
        <rect x="17" y="5" width="1" height="1" fill="#4FBDB4"/>
        <rect x="16" y="3" width="1" height="2" fill="#4FBDB4"/>
        <rect x="18" y="6" width="1" height="1" fill="#4FBDB4"/>
        <rect x="15" y="2" width="1" height="1" fill="#4FBDB4"/>
        <rect x="5" y="6" width="3" height="1" fill="#0F9081"/>
        <rect x="13" y="8" width="1" height="3" fill="#0F9081"/>
        <rect x="8" y="7" width="1" height="1" fill="#0F9081"/>
        <rect x="9" y="8" width="1" height="1" fill="#0F9081"/>
        <rect x="14" y="7" width="1" height="1" fill="#0F9081"/>
        <rect x="15" y="6" width="1" height="1" fill="#0F9081"/>
        <rect x="15" y="5" width="1" height="1" fill="#0F9081"/>
        <rect x="14" y="4" width="1" height="1" fill="#0F9081"/>
        <rect x="14" y="2" width="1" height="1" fill="#0F9081"/>
        <rect x="16" y="4" width="1" height="1" fill="#0F9081"/>
        <rect x="14" y="8" width="1" height="1" fill="#0F9081"/>
        <rect x="9" y="9" width="1" height="1" fill="#0F9081"/>
        <rect x="10" y="9" width="3" height="1" fill="#0F9081"/>
        <rect x="8" y="5" width="1" height="2" fill="#0F9081"/>
        <rect x="10" y="3" width="4" height="1" fill="#0F9081"/>
        <rect x="3" y="2" width="1" height="1" fill="#0F9081"/>
      </g>
      <g id="turtle-14-head">
        <rect x="2" width="4" height="3" fill="#D0F2EC"/>
        <rect x="2" y="5" width="4" height="3" fill="#D0F2EC"/>
        <rect x="1" y="1" width="6" height="3" fill="#D0F2EC"/>
        <rect x="1" y="4" width="6" height="3" fill="#D0F2EC"/>
        <rect y="2" width="8" height="4" fill="#D0F2EC"/>
        <rect x="4" y="4" width="1" height="2" fill="black"/>
        <rect x="6" y="3" width="1" height="2" fill="black"/>
        <rect x="2" y="7" width="4" height="1" fill="#B5E0D7"/>
        <rect x="6" y="1" width="1" height="1" fill="#B5E0D7"/>
        <rect x="1" y="6" width="1" height="1" fill="#B5E0D7"/>
        <rect x="6" y="6" width="1" height="1" fill="#B5E0D7"/>
        <rect x="7" y="2" width="1" height="4" fill="#B5E0D7"/>
      </g>
    </svg>
  </g>
</svg>