docs/scream.svg

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

  @keyframes scream-14-leg-move {
  0% {
  transform: translate(-2px, 11px) scaleX(1);
  }
  50% {
  transform: translate(-3px, 11px) scaleX(1.2);
  }
  100% {
  transform: translate(-2px, 11px) scaleX(1);
  }
  }

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

  #scream-14-leg {
  animation-name: scream-14-leg-move;
  animation-duration: 2s;
  animation-iteration-count:infinite;
  animation-timing-function: ease-in-out;
  }
</style>
  <g id="scream-14" transform="translate(10, 30)">
    <svg width="600" height="300" viewBox="0 0 200 100" fill="none" overflow="visible">

      <g id="scream-14-shadow" transform="translate(-2, 11.5)">
        <rect y="0.75" width="11" height="1.5" fill="#2B4447" fill-opacity="0.1"/>
        <rect x="0.845703" y="0.375" width="9.30769" height="0.375" fill="#2B4447" fill-opacity="0.1"/>
        <rect x="0.845703" y="2.25" width="9.30769" height="0.375" fill="#2B4447" fill-opacity="0.1"/>
        <rect x="1.69238" width="7.61539" height="0.375" fill="#2B4447" fill-opacity="0.1"/>
        <rect x="1.69238" y="2.625" width="7.61539" height="0.375" fill="#2B4447" fill-opacity="0.1"/>
      </g>

      <g id="scream-14-body" transform="translate(0, 0)">
        <rect x="1" y="1.29999" width="8" height="11.7" fill="#2F2F2F"/>
        <rect x="1" y="1.29999" width="9" height="10.4" fill="#2F2F2F"/>
        <rect x="1" y="1.4444" width="10" height="8.66667" fill="#2F2F2F"/>
        <rect y="3" width="9" height="7" fill="#2F2F2F"/>
        <rect y="11" width="9" height="2" fill="#2F2F2F"/>
        <rect x="2" width="2" height="1.44444" fill="#2F2F2F"/>
        <rect width="1" height="2" transform="matrix(-1 0 0 1 10 7)" fill="#FFE3C6"/>
        <rect width="1" height="0.666667" transform="matrix(-1 0 0 1 10 8.33331)" fill="black" fill-opacity="0.1"/>
        <rect width="1" height="2" transform="matrix(-1 0 0 1 7 7)" fill="#FFE3C6"/>
        <rect x="7" y="9" width="1" height="0.666667" transform="rotate(180 7 9)" fill="black" fill-opacity="0.1"/>
      </g>

      <g id="scream-14-head">
        <rect x="2" y="4" width="1" height="4" fill="black" fill-opacity="0.1"/>
        <rect x="3" y="8" width="1" height="2" fill="black" fill-opacity="0.1"/>
        <rect x="4" y="10" width="1" height="1" fill="black" fill-opacity="0.1"/>
        <rect x="5" y="11" width="1" height="1" fill="black" fill-opacity="0.1"/>
        <rect x="6" y="12" width="1" height="1" fill="black" fill-opacity="0.1"/>
        <rect width="1" height="1" transform="matrix(1 0 0 -1 10 9)" fill="#EAEDEF"/>
        <rect width="10" height="6" transform="matrix(1 0 0 -1 1 8)" fill="#EAEDEF"/>
        <rect width="2" height="5" transform="matrix(1 0 0 -1 10 9)" fill="#EAEDEF"/>
        <rect width="11" height="2" transform="matrix(1 0 0 -1 0 8)" fill="#EAEDEF"/>
        <rect width="10" height="8" transform="matrix(1 0 0 -1 1 10)" fill="#EAEDEF"/>
        <rect width="11" height="3" transform="matrix(1 0 0 -1 0 6)" fill="#EAEDEF"/>
        <rect width="8" height="10" transform="matrix(1 0 0 -1 2 11)" fill="#EAEDEF"/>
        <rect width="7" height="11" transform="matrix(1 0 0 -1 3 12)" fill="#EAEDEF"/>
        <rect width="6" height="11" transform="matrix(1 0 0 -1 4 13)" fill="#EAEDEF"/>
        <rect width="6" height="8" transform="matrix(1 0 0 -1 5 11)" fill="#EAEDEF"/>
        <rect x="5.5" y="4" width="1.5" height="1.5" fill="#363636"/>
        <rect x="4.75" y="4.75" width="2.25" height="0.75" fill="#363636"/>
        <rect x="4" y="5.5" width="2.25" height="0.75" fill="#363636"/>
        <rect x="4" y="5.5" width="1.5" height="1.5" fill="#363636"/>
        <rect width="1.5" height="1.5" transform="matrix(-1 0 0 1 9.5 4)" fill="#363636"/>
        <rect width="2.25" height="0.75" transform="matrix(-1 0 0 1 10.25 4.75)" fill="#363636"/>
        <rect width="2.25" height="0.75" transform="matrix(-1 0 0 1 11 5.5)" fill="#363636"/>
        <rect width="1.5" height="1.5" transform="matrix(-1 0 0 1 11 5.5)" fill="#363636"/>
        <rect x="7" y="8.83331" width="2" height="0.666667" fill="#363636"/>
        <rect x="7" y="8.83331" width="1.33333" height="3.33333" fill="#363636"/>
        <rect x="7" y="10.8333" width="1.66667" height="0.666667" fill="#363636"/>
        <rect x="7" y="9.5" width="1.66667" height="0.666667" fill="#363636"/>
        <rect x="7" y="11.5" width="2" height="0.666667" fill="#363636"/>
        <rect x="6" y="8" width="1.5" height="1.3" fill="#EAEDEF"/>
        <rect x="7.5" y="12.3" width="1.5" height="0.5" transform="rotate(-180 7.5 12.3)" fill="#EAEDEF"/>
        <rect x="2" y="1" width="8" height="1" fill="#2F2F2F"/>
        <rect x="2" width="7" height="1" fill="#2F2F2F"/>
        <rect y="1" width="8" height="1" fill="#2F2F2F"/>
        <rect y="3" width="2" height="5" fill="#2F2F2F"/>
        <rect x="1" y="7" width="1" height="3" fill="#2F2F2F"/>
        <rect x="2" y="8" width="1" height="3" fill="#2F2F2F"/>
        <rect x="2" y="9" width="1" height="2" fill="#2F2F2F"/>
        <rect x="3" y="10" width="1" height="2" fill="#2F2F2F"/>
        <rect x="4" y="11" width="1" height="2" fill="#2F2F2F"/>
        <rect x="1" y="3" width="2" height="1" fill="#2F2F2F"/>
        <rect x="1" y="2" width="3" height="1" fill="#2F2F2F"/>
        <rect width="1" height="1" transform="matrix(-1 0 0 1 11 2)" fill="#2F2F2F"/>
        <rect x="5" y="12" width="1" height="1" fill="#2F2F2F"/>
        <rect x="3" y="3" width="1" height="1" fill="black" fill-opacity="0.1"/>
        <rect x="4" y="2" width="1" height="1" fill="black" fill-opacity="0.1"/>
        <rect x="5" y="2" width="1" height="1" fill="black" fill-opacity="0.1"/>
        <rect x="2" y="4" width="1" height="3" fill="black" fill-opacity="0.1"/>
        <rect x="3" y="4" width="1" height="1" fill="black" fill-opacity="0.1"/>
        <rect x="4" y="3" width="1" height="1" fill="black" fill-opacity="0.1"/>
        <rect x="4" y="2" width="1" height="1" fill="black" fill-opacity="0.1"/>
        <rect x="3" y="3" width="1" height="1" fill="black" fill-opacity="0.1"/>
        <rect x="2" y="4" width="1" height="1" fill="black" fill-opacity="0.1"/>
        <rect x="2" y="5" width="1" height="1" fill="black" fill-opacity="0.1"/>
        <rect x="2" y="6" width="1" height="1" fill="black" fill-opacity="0.1"/>
        <rect x="2" y="7" width="1" height="1" fill="black" fill-opacity="0.1"/>
        <rect x="3" y="8" width="1" height="2" fill="black" fill-opacity="0.1"/>
        <rect x="4" y="10" width="1" height="1" fill="black" fill-opacity="0.1"/>
        <rect x="5" y="11" width="1" height="1" fill="black" fill-opacity="0.1"/>
        <rect x="6" y="12" width="1" height="1" fill="black" fill-opacity="0.1"/>
        <rect x="6" y="2" width="1" height="1" fill="black" fill-opacity="0.1"/>
      </g>

      <g id="scream-14-leg">
        <rect x="1" width="6" height="2" fill="#2F2F2F"/>
        <rect y="1" width="6" height="1" fill="#2F2F2F"/>
      </g>
    </svg>
  </g>
</svg>