docs/snowman-melt.svg

<svg xmlns="http://www.w3.org/2000/svg" fill="none" overflow="visible"><style>
  @keyframes snowman-14-hand-left-move {
  0% {
  transform: translate(-1.1px, 3px) rotate(0deg);
  }
  50% {
  transform: translate(-1.1px, 3px) rotate(15deg);
  }
  100% {
  transform: translate(-1.1px, 3px) rotate(0deg);
  }
  }

  @keyframes snowman-14-hand-right-move {
  0% {
  transform: translate(13px, 4px) rotate(0deg);
  }
  50% {
  transform: translate(13px, 4px) rotate(-15deg);
  }
  100% {
  transform: translate(13px, 4px) rotate(0deg);
  }
  }

  @keyframes snowman-14-noise-move {
  0% {
  transform: translate(6px, 1px);
  }
  100% {
  transform: translate(6px, 1px) rotate(0deg);
  }
  }

  #snowman-14-hand-right {
  animation-name:snowman-14-hand-right-move;
  animation-duration:1s;
  animation-iteration-count:infinite;
  }

  #snowman-14-hand-left {
  animation-name:snowman-14-hand-left-move;
  animation-duration:1s;
  animation-iteration-count:infinite;
  }

  #snowman-14-noise {
  animation-name:snowman-14-noise-move;
  animation-duration:5s;
  animation-iteration-count:infinite;
  }
</style>
  <g id="snowman-14" transform="translate(5, 5)">
    <svg width="600" height="300" viewBox="0 0 200 100" fill="none" overflow="visible">
      <g id="snomwan-14-shadow" transform="translate(-1.1, 5)">
        <rect y="0.590309" width="16" height="1.36364" fill="#00E4FF" fill-opacity="0.2"/>
        <rect x="1.23065" y="0.24939" width="13.5385" height="0.340909" fill="#00E4FF" fill-opacity="0.2"/>
        <rect x="1.23065" y="1.95394" width="13.5385" height="0.340909" fill="#00E4FF" fill-opacity="0.2"/>
        <rect x="2.46149" y="2.29486" width="11.0769" height="0.340909" fill="#00E4FF" fill-opacity="0.2"/>
      </g>
      <g id="snowman-14-hand-right" transform="translate(9, 8)">
        <rect x="1.81354" y="0.994949" width="0.552189" height="1.65657" transform="rotate(75.5521 1.81354 0.994949)" fill="#765D49"/>
        <rect x="2.4939" y="0.24939" width="0.552189" height="1.47572" transform="rotate(47.5215 2.4939 0.24939)" fill="#765D49"/>
        <rect x="2.4873" y="1.87071" width="0.552189" height="1.47572" transform="rotate(128.781 2.4873 1.87071)" fill="#765D49"/>
      </g>
      <g id="snowman-14-body" transform="translate(0, 0)">
        <rect x="5.19464" y="2.44095" width="0.422853" height="1.26856" transform="rotate(-73.3185 5.19464 2.44095)" fill="#765D49"/>
        <rect x="4.45349" y="2.66029" width="0.422853" height="1.13007" transform="rotate(-101.349 4.45349 2.66029)" fill="#765D49"/>
        <rect x="5.09967" y="1.60011" width="0.422853" height="1.13007" transform="rotate(-20.0899 5.09967 1.60011)" fill="#765D49"/>
        <rect x="6.18536" y="1.14935" width="0.422853" height="1.26856" transform="rotate(-8.69551 6.18536 1.14935)" fill="#765D49"/>
        <rect x="5.66956" y="0.573708" width="0.422853" height="1.13007" transform="rotate(-36.7261 5.66956 0.573708)" fill="#765D49"/>
        <rect x="6.90436" y="0.703171" width="0.422853" height="1.13007" transform="rotate(44.533 6.90436 0.703171)" fill="#765D49"/>
        <rect x="6.20935" y="3.24939" width="4" height="2" fill="#F7F7F7"/>
        <rect width="2" height="3" transform="matrix(-1 0 0 1 7.20935 3.24939)" fill="#F7F7F7"/>
        <rect width="2" height="1" transform="matrix(-1 0 0 1 5.20935 5.24939)" fill="#F7F7F7"/>
        <rect width="2" height="1" transform="matrix(-1 0 0 1 4.20935 5.24939)" fill="#F7F7F7"/>
        <rect width="2" height="1" transform="matrix(-1 0 0 1 3.20935 5.24939)" fill="#F7F7F7"/>
        <rect width="2" height="1" transform="matrix(-1 0 0 1 2.20935 5.24939)" fill="#F7F7F7"/>
        <rect width="2" height="1" transform="matrix(-1 0 0 1 5.20935 4.24939)" fill="#F7F7F7"/>
        <rect width="2" height="1" transform="matrix(-1 0 0 1 4.20935 4.24939)" fill="#F7F7F7"/>
        <rect width="2" height="1" transform="matrix(-1 0 0 1 6.20935 3.24939)" fill="#F7F7F7"/>
        <rect width="2" height="1" transform="matrix(-1 0 0 1 12.2094 4.24939)" fill="#F7F7F7"/>
        <rect width="2" height="1" transform="matrix(-1 0 0 1 13.2094 4.24939)" fill="#F7F7F7"/>
        <rect width="2" height="1" transform="matrix(-1 0 0 1 14.2094 5.24939)" fill="#F7F7F7"/>
        <rect width="1" height="2" transform="matrix(-1 0 0 1 13.2094 5.24939)" fill="#F7F7F7"/>
        <rect width="2" height="2" transform="matrix(-1 0 0 1 5.20935 5.24939)" fill="#F7F7F7"/>
        <rect width="1" height="2" transform="matrix(-1 0 0 1 9.20935 1.24939)" fill="#F7F7F7"/>
        <rect width="10" height="2" transform="matrix(-1 0 0 1 13.2094 4.24939)" fill="#F7F7F7"/>
        <rect width="2" height="1" transform="matrix(-1 0 0 1 11.2094 3.24939)" fill="#F7F7F7"/>
        <rect width="3" height="1" transform="matrix(-1 0 0 1 10.2094 3.24939)" fill="#F7F7F7"/>
        <rect width="3" height="2" transform="matrix(-1 0 0 1 9.20935 2.24939)" fill="#F7F7F7"/>
        <rect x="5.20935" y="4.24939" width="0.974344" height="0.974344" fill="black"/>
        <rect x="9.20935" y="3.24939" width="0.974344" height="0.974344" fill="black"/>
      </g>
      <g id="snowman-14-hand-left" transform="translate(1, 9)">
        <rect x="1.17145" y="1.161" width="0.552189" height="1.65657" transform="rotate(-23.9167 1.17145 1.161)" fill="#765D49"/>
        <rect x="0.324158" y="0.612549" width="0.552189" height="1.47572" transform="rotate(-51.9473 0.324158 0.612549)" fill="#765D49"/>
        <rect x="1.92444" y="0.35231" width="0.552189" height="1.47572" transform="rotate(29.3119 1.92444 0.35231)" fill="#765D49"/>
      </g>
      <g id="snowman-14-noise" transform="translate(6.7, 5.9)">
        <rect width="1.17048" height="1.75572" transform="matrix(0.364905 -0.931045 -0.931045 -0.364905 3.25281 3.57033)" fill="#FF6F0F"/>
        <rect width="1.4631" height="2.34096" transform="matrix(0.364905 -0.931045 -0.931045 -0.364905 3.09833 4.76659)" fill="#FF6F0F"/>
        <rect width="1.4631" height="1.75572" transform="matrix(0.364905 -0.931045 -0.931045 -0.364905 2.71893 4.9325)" fill="#FF6F0F"/>
        <rect width="1.17048" height="1.17048" transform="matrix(0.364905 -0.931045 -0.931045 -0.364905 3.19391 2.91879)" fill="#FF6F0F"/>
        <rect width="0.585241" height="0.585241" transform="matrix(0.364905 -0.931045 -0.931045 -0.364905 3.24176 1.99452)" fill="#FF6F0F"/>
        <rect width="0.292621" height="0.585241" transform="matrix(0.364905 -0.931045 -0.931045 -0.364905 3.03955 4.11431)" fill="black" fill-opacity="0.1"/>
        <rect width="0.292621" height="0.877862" transform="matrix(0.364905 -0.931045 -0.931045 -0.364905 2.70813 3.35602)" fill="black" fill-opacity="0.1"/>
        <rect width="0.292621" height="0.585241" transform="matrix(0.364905 -0.931045 -0.931045 -0.364905 3.30084 2.646)" fill="black" fill-opacity="0.1"/>
        <rect width="0.292621" height="0.585241" transform="matrix(0.364905 -0.931045 -0.931045 -0.364905 2.96967 1.88704)" fill="black" fill-opacity="0.1"/>
        <rect width="0.292621" height="0.877862" transform="matrix(0.364905 -0.931045 -0.931045 -0.364905 2.11542 4.06673)" fill="black" fill-opacity="0.1"/>
      </g>
    </svg>
  </g>
</svg>