docs/slime-red-js.svg

<svg xmlns="http://www.w3.org/2000/svg" fill="none" overflow="visible">
  <style>
    @keyframes slime-14-move-body {
    0% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
    }
    70% {
    -webkit-transform: scaleY(0.9);
    -ms-transform: scaleY(0.9);
    -o-transform: scaleY(0.9);
    -moz-transform: scaleY(0.9);
    transform: scaleY(0.9);
    }
    100% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
    }
    }

    #slime-14-body {
    animation-name:slime-14-move-body;
    animation-duration:1s;
    animation-iteration-count:infinite;
    }

    @keyframes slime-14-move-shadow {
    0% {
    -webkit-transform: translate(0px, 6px) scaleY(1);
    -ms-transform: translate(0px, 6px) scaleY(1);
    -o-transform: translate(0px, 6px) scaleY(1);
    -moz-transform: translate(0px, 6px) scaleY(1);
    transform: translate(0px, 6px) scaleY(1);
    }
    70% {
    -webkit-transform: translate(0px, 6px) scaleY(1.1);
    -ms-transform: translate(0px, 6px) scaleY(1.1);
    -o-transform: translate(0px, 6px) scaleY(1.1);
    -moz-transform: translate(0px, 6px) scaleY(1.1);
    transform: translate(0px, 6px) scaleY(1.1);
    }
    100% {
    -webkit-transform: translate(0px, 6px) scaleY(1);
    -ms-transform: translate(0px, 6px) scaleY(1);
    -o-transform: translate(0px, 6px) scaleY(1);
    -moz-transform: translate(0px, 6px) scaleY(1);
    transform: translate(0px, 6px) scaleY(1);
    }
    }

    #slime-14-shadow {
    animation-name:slime-2-move-shadow;
    animation-duration:1s;
    animation-iteration-count:infinite;
    }
  </style>

  <g id="slime-14">
    <svg width="600" height="300" viewBox="0 0 200 100" fill="none" overflow="visible">
      <g id="slime-14-shadow" transform="translate(0, 6)">
        <rect width="13.3359" height="3.89813"
          transform="matrix(1 2.26611e-08 -2.79767e-08 -1 0 6.56531)" fill="#2B4447"
          fill-opacity="0.1"/>
        <rect width="11.1133" height="1.29938"
          transform="matrix(1 2.94396e-08 -2.1535e-08 -1 1.11133 7.86469)" fill="#2B4447"
          fill-opacity="0.1"/>
        <rect width="11.1133" height="1.29938"
          transform="matrix(1 2.94396e-08 -2.1535e-08 -1 1.14059 2.63298)" fill="#2B4447"
          fill-opacity="0.1"/>
        <rect width="8.89062" height="1.29938"
          transform="matrix(1 2.94396e-08 -2.1535e-08 -1 2.22266 9.16408)" fill="#2B4447"
          fill-opacity="0.1"/>
        <rect width="8.89062" height="1.29938"
          transform="matrix(1 2.94396e-08 -2.1535e-08 -1 2.28119 1.29938)" fill="#2B4447"
          fill-opacity="0.1"/>
      </g>

      <g id="slime-14-body">
        <rect x="5" y="1" width="4" height="1" fill="#F6869F"/>
        <rect x="11" y="3" width="1" height="1" fill="#F6869F"/>
        <rect x="2" y="11" width="10" height="1" fill="#F6869F"/>
        <rect x="1" y="10" width="12" height="1" fill="#F6869F"/>
        <rect x="1" y="4" width="12" height="1" fill="#F6869F"/>
        <rect x="2" y="2" width="9" height="2" fill="#F6869F"/>
        <rect x="3" width="2" height="2" fill="#F6869F"/>
        <rect y="5" width="14" height="5" fill="#F6869F"/>
        <rect x="1" y="9" width="1" height="2" fill="#CB6F84"/>
        <rect x="2" y="10" width="1" height="1" fill="#CB6F84"/>
        <rect y="8" width="1" height="2" fill="#CB6F84"/>
        <rect x="2" y="11" width="10" height="1" fill="#CB6F84"/>
        <rect x="4" y="6.11897" width="6.85714" height="3" transform="rotate(-18 4 6.11897)"
          fill="#F7DF1E"/>
        <rect x="7.9027" y="5.30153" width="0.535714" height="1.875"
          transform="rotate(-18 7.9027 5.30153)" fill="black"/>
        <rect x="7.88983" y="6.99557" width="0.803571" height="0.267857"
          transform="rotate(-18 7.88983 6.99557)" fill="black"/>
        <rect x="8.22735" y="7.16754" width="0.535714" height="0.267857"
          transform="rotate(-18 8.22735 7.16754)" fill="black"/>
        <rect x="7.80706" y="6.74081" width="0.267857" height="0.267857"
          transform="rotate(-18 7.80706 6.74081)" fill="black"/>
        <rect x="9.02358" y="4.93733" width="1.33929" height="0.535714"
          transform="rotate(-18 9.02358 4.93733)" fill="black"/>
        <rect x="9.2719" y="5.70158" width="1.33929" height="0.535714"
          transform="rotate(-18 9.2719 5.70158)" fill="black"/>
        <rect x="9.52022" y="6.46584" width="1.33929" height="0.535714"
          transform="rotate(-18 9.52022 6.46584)" fill="black"/>
        <rect x="9.10636" y="5.19208" width="0.535714" height="0.803571"
          transform="rotate(-18 9.10636 5.19208)" fill="black"/>
        <rect x="10.1189" y="5.70801" width="0.535714" height="0.803571"
          transform="rotate(-18 10.1189 5.70801)" fill="black"/>
        <rect width="12" height="1" transform="matrix(1 0 0 -1 1 5)" fill="#F6869F"
          fill-opacity="0.5"/>
        <rect width="10" height="1" transform="matrix(1 0 0 -1 2 4)" fill="#F6869F"
          fill-opacity="0.5"/>
        <rect y="5" width="14" height="5" fill="#F6869F" fill-opacity="0.5"/>
        <rect x="7" y="7" width="1" height="2" fill="black"/>
        <rect x="11" y="7" width="1" height="2" fill="black"/>
      </g>
    </svg>
  </g>
</svg>