docs/rabbit-brown-rudolph.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 rabbit-head-14-move {
    0% {
    transform: translate(0, -1px);
    }
    50% {
    transform: translate(0, -2px);
    }
    100% {
    transform: translate(0, -1px);
    }
    }

    @keyframes rabbit-obj-14-move {
    0% {
    transform: translate(0, 0px);
    }
    15% {
    transform: translate(0, -5px);
    }
    30% {
    transform: translate(0, 0px);
    }
    100% {
    transform: translate(0, 0px);
    }
    }

    @keyframes rabbit-14-shadow-move {
    0% {
    transform: translate(-2px, 9px) scaleX(1);
    }
    15% {
    transform: translate(-2px, 9px) scaleX(1.2);
    }
    30% {
    transform: translate(-2px, 9px) scaleX(1);
    }
    100% {
    transform: translate(-2px, 9px) scaleX(1);
    }
    }

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

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

    #rabbit-obj-14 {
    animation-name: rabbit-obj-14-move;
    animation-duration:2s;
    animation-iteration-count:infinite;
    animation-timing-function: ease-in-out;
    }
  </style>

  <g id="rabbit-14" transform="translate(25, 25)">
    <svg width="600" height="300" viewBox="0 0 200 100" fill="none" overflow="visible">
      <g id="rabbit-shadow-14" transform="translate(-2, 9)">
        <rect width="8" height="1" transform="matrix(-1 0 0 1 8 0.5)" fill="#2B4447" fill-opacity="0.1"/>
        <rect width="6.76923" height="0.25" transform="matrix(-1 0 0 1 7.38452 0.25)" fill="#2B4447" fill-opacity="0.1"/>
        <rect width="6.76923" height="0.25" transform="matrix(-1 0 0 1 7.38452 1.5)" fill="#2B4447" fill-opacity="0.1"/>
        <rect width="5.53846" height="0.25" transform="matrix(-1 0 0 1 6.76929 0)" fill="#2B4447" fill-opacity="0.1"/>
        <rect width="5.53846" height="0.25" transform="matrix(-1 0 0 1 6.76929 1.75)" fill="#2B4447" fill-opacity="0.1"/>
      </g>
      <g id="rabbit-obj-14">
        <g id="rabbit-body-14" transform="translate(-4, 5)">
          <rect x="4" width="6" height="4" fill="#CBA07D"/>
          <rect x="2" y="1" width="8" height="3" fill="#CBA07D"/>
          <rect x="1" y="2" width="8" height="2" fill="#CBA07D"/>
          <rect x="2" y="3" width="8" height="2" fill="#CBA07D"/>
          <rect y="2" width="8" height="1" fill="#CBA07D"/>
          <rect x="1" y="3" width="1" height="1" fill="black" fill-opacity="0.1"/>
          <rect x="2" y="4" width="2" height="1" fill="black" fill-opacity="0.1"/>
          <rect x="6" y="3" width="1" height="2" fill="black" fill-opacity="0.1"/>
          <rect x="8" y="3" width="1" height="2" fill="black" fill-opacity="0.1"/>
        </g>
        <g id="rabbit-head-14" transform="translate(0, -10)">
          <rect x="1" y="3" width="5" height="4" fill="#CBA07D"/>
          <rect y="4" width="7" height="3" fill="#CBA07D"/>
          <rect x="1" y="4" width="5" height="4" fill="#CBA07D"/>
          <rect y="2" width="3" height="5" fill="#CBA07D"/>
          <rect x="4" y="2" width="3" height="5" fill="#CBA07D"/>
          <rect width="2" height="3" fill="#CBA07D"/>
          <rect x="5" width="2" height="3" fill="#CBA07D"/>
          <rect x="1" y="1" width="1" height="2" fill="#FFDDE3"/>
          <rect x="5" y="1" width="1" height="2" fill="#FFDDE3"/>
          <rect x="2" y="4" width="1" height="1" fill="black"/>
          <rect x="5" y="4" width="1" height="1" fill="black"/>
          <rect width="2" height="1" transform="matrix(-1 0 0 1 2 5)" fill="#FFB0BF"/>
          <rect width="2" height="1" transform="matrix(-1 0 0 1 8 5)" fill="#FFB0BF"/>
          <rect x="3" y="6" width="2" height="1" fill="black"/>
          <rect y="6" width="1" height="1" fill="black" fill-opacity="0.1"/>
          <rect x="1" y="7" width="1" height="1" fill="black" fill-opacity="0.1"/>
          <g id="rabbit-14-rudolph" transform="translate(-7, -4)">
            <rect x="7" y="6" width="2" height="1" fill="#E9B38F"/>
            <rect x="8" y="6" width="1" height="2" fill="#C3845B"/>
            <rect x="6" y="5" width="2" height="2" fill="#793528"/>
            <rect x="1" y="6" width="6" height="1" fill="#793528"/>
            <rect x="6" y="3" width="1" height="4" fill="#793528"/>
            <rect x="4" y="4" width="1" height="3" fill="#793528"/>
            <rect x="4" y="4" width="1" height="1" fill="#793528"/>
            <rect x="3" y="4" width="2" height="1" fill="#793528"/>
            <rect x="3" y="1" width="1" height="4" fill="#793528"/>
            <rect x="2" y="3" width="2" height="1" fill="#793528"/>
            <rect x="1" y="5" width="1" height="2" fill="#793528"/>
            <rect x="1" y="5" width="1" height="1" fill="#793528"/>
            <rect y="5" width="2" height="1" fill="#793528"/>
            <rect x="3" y="2" width="2" height="1" fill="#793528"/>
            <rect x="4" y="2" width="1" height="1" fill="#793528"/>
            <rect x="2" y="1" width="2" height="1" fill="#793528"/>
            <rect x="2" y="1" width="1" height="1" fill="#793528"/>
            <rect x="2" width="1" height="2" fill="#793528"/>
            <rect x="7" y="6" width="2" height="1" fill="#E9B38F"/>
            <rect x="7" y="7" width="2" height="1" fill="#C3845B"/>
            <rect width="2" height="1" transform="matrix(-1 0 0 1 14 6)" fill="#E9B38F"/>
            <rect width="1" height="2" transform="matrix(-1 0 0 1 13 6)" fill="#C3845B"/>
            <rect width="2" height="2" transform="matrix(-1 0 0 1 15 5)" fill="#793528"/>
            <rect width="6" height="1" transform="matrix(-1 0 0 1 20 6)" fill="#793528"/>
            <rect width="1" height="4" transform="matrix(-1 0 0 1 15 3)" fill="#793528"/>
            <rect width="1" height="3" transform="matrix(-1 0 0 1 17 4)" fill="#793528"/>
            <rect width="1" height="1" transform="matrix(-1 0 0 1 17 4)" fill="#793528"/>
            <rect width="2" height="1" transform="matrix(-1 0 0 1 18 4)" fill="#793528"/>
            <rect width="1" height="4" transform="matrix(-1 0 0 1 18 1)" fill="#793528"/>
            <rect width="2" height="1" transform="matrix(-1 0 0 1 19 3)" fill="#793528"/>
            <rect width="1" height="2" transform="matrix(-1 0 0 1 20 5)" fill="#793528"/>
            <rect width="1" height="1" transform="matrix(-1 0 0 1 20 5)" fill="#793528"/>
            <rect width="2" height="1" transform="matrix(-1 0 0 1 21 5)" fill="#793528"/>
            <rect width="2" height="1" transform="matrix(-1 0 0 1 18 2)" fill="#793528"/>
            <rect width="1" height="1" transform="matrix(-1 0 0 1 17 2)" fill="#793528"/>
            <rect width="2" height="1" transform="matrix(-1 0 0 1 19 1)" fill="#793528"/>
            <rect width="1" height="1" transform="matrix(-1 0 0 1 19 1)" fill="#793528"/>
            <rect width="1" height="2" transform="matrix(-1 0 0 1 19 0)" fill="#793528"/>
            <rect width="2" height="1" transform="matrix(-1 0 0 1 14 6)" fill="#E9B38F"/>
            <rect width="2" height="1" transform="matrix(-1 0 0 1 14 7)" fill="#C3845B"/>
            <rect x="11" y="9" width="1" height="1" fill="#E52D37"/>
            <rect x="11" y="9.66675" width="1" height="0.333333" fill="white" fill-opacity="0.1"/>
            <rect x="11" y="9.33325" width="0.666667" height="0.333333" fill="white" fill-opacity="0.1"/>
          </g>
        </g>
      </g>
    </svg>
  </g>
</svg>
</svg>