docs/penguin-node.svg

<svg xmlns="http://www.w3.org/2000/svg" fill="none" overflow="visible"><style>
  @keyframes penguin-14-move-body {
  0% {
  -webkit-transform:translate(0px, 0px);
  -ms-transform:translate(0px, 0px);
  -o-transform:translate(0px, 0px);
  -moz-transform:translate(0px, 0px);
  transform:translate(0px, 0px);
  }
  50% {
  -webkit-transform:translate(0px, -0.5px);
  -ms-transform:translate(0px, -0.5px);
  -o-transform:translate(0px, -0.5px);
  -moz-transform:translate(0px, -0.5px);
  transform:translate(0px, -0.5px);
  }
  100% {
  -webkit-transform:translate(0px, 0px);
  -ms-transform:translate(0px, 0px);
  -o-transform:translate(0px, 0px);
  -moz-transform:translate(0px, 0px);
  transform:translate(0px, 0px);
  }
  }

  @keyframes move-14-logo {
  0% {
  -webkit-transform:translate(12px, 2px);
  -ms-transform:translate(12px, 2px);
  -o-transform:translate(12px, 2px);
  -moz-transform:translate(12px, 2px);
  transform:translate(12px, 2px);
  }
  50% {
  -webkit-transform:translate(12px, 1.5px);
  -ms-transform:translate(12px, 1.5px);
  -o-transform:translate(12px, 1.5px);
  -moz-transform:translate(12px, 1.5px);
  transform:translate(12px, 1.5px);
  }
  100% {
  -webkit-transform:translate(12px, 2px);
  -ms-transform:translate(12px, 2px);
  -o-transform:translate(12px, 2px);
  -moz-transform:translate(12px, 2px);
  transform:translate(12px, 2px);
  }
  }

  @keyframes penguin-14-move-leg {
  0% {
  -webkit-transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  transform:rotate(0deg);
  }
  50% {
  -webkit-transform:rotate(1deg);
  -ms-transform:rotate(1deg);
  -o-transform:rotate(1deg);
  -moz-transform:rotate(1deg);
  transform:rotate(1deg);
  }
  100% {
  -webkit-transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  transform:rotate(0deg);
  }
  }

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

  #penguin-14-leg {
  animation-name:penguin-14-move-leg;
  animation-duration:0.5s;
  animation-iteration-count:360;
  animation-timing-function: ease-in;
  }

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

  <g id="penguin-14" transform="translate(10, 20)">
    <svg width="600" height="300" viewBox="0 0 200 100" fill="none" overflow="visible">
      <g id="shadow" transform="translate(0.5, 8.5)">
        <rect width="13.3359" height="3.89813" transform="matrix(1 2.26611e-08 -2.79767e-08 -1 0 6.90123)" 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 8.20061)" 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.9689)" 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.5)" 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.6353)" fill="#2B4447" fill-opacity="0.1"/>
      </g>

      <g id="penguin-14-leg-out" transform="translate(2, 12)">
        <g id="penguin-14-leg">
          <rect x="0.667175" y="0.3367" width="2.66718" height="2.66719" fill="#FF6F0F"/>
          <rect x="2.00076" y="1.67029" width="2.66718" height="1.33359" fill="#FF6F0F"/>
          <rect x="6.00153" y="0.3367" width="2.66718" height="2.66719" fill="#FF6F0F"/>
          <rect x="7.33511" y="1.67029" width="2.66718" height="1.33359" fill="#FF6F0F"/>
        </g>
      </g>

      <g id="penguin-14-body">
        <rect x="2.66718" width="9.33515" height="12.1514" fill="white"/>
        <rect width="1.33359" height="7.59461" transform="matrix(-1 0 0 1 12.0023 1.51892)" fill="#2D2D2D"/>
        <rect width="1.33359" height="9.11353" transform="matrix(-1 0 0 1 13.3359 3.03784)" fill="#2D2D2D"/>
        <rect width="1.33359" height="7.59461" transform="matrix(-1 0 0 1 1.33359 3.03784)" fill="#2D2D2D"/>
        <rect width="1.33359" height="10.6325" transform="matrix(-1 0 0 1 2.66718 1.51892)" fill="#2D2D2D"/>
        <rect width="1" height="9" transform="matrix(-1 0 0 1 3.66666 0)" fill="#2D2D2D"/>
        <rect width="9.33515" height="1.51892" transform="matrix(1 0 0 -1 2.66718 13.6703)" fill="#2D2D2D"/>
      </g>

      <g id="penguin-14-head" transform="translate(2, -6.5)">
        <rect width="8.33333" height="2.66667" transform="matrix(-1 0 0 1 10 1.33333)" fill="#2D2D2D"/>
        <rect width="9.29025" height="2" transform="matrix(-1 0 0 1 9.95692 3)" fill="#2D2D2D"/>
        <rect width="1" height="4" transform="matrix(-1 0 0 1 1.66667 3)" fill="#2D2D2D"/>
        <rect width="3" height="2" transform="matrix(-1 0 0 1 10 4)" fill="#2D2D2D"/>
        <rect x="3" y="1.33333" width="5.66667" height="8" fill="white"/>
        <rect x="1.66667" y="4.66667" width="7" height="4.66667" fill="white"/>
        <rect x="8.66667" y="1.33333" width="5.66667" height="1.33333" transform="rotate(-180 8.66667 1.33333)" fill="#2D2D2D"/>
        <rect x="4.66667" y="4" width="1.33333" height="2" fill="black"/>
        <rect x="7" y="2.66667" width="1.33333" height="2" fill="black"/>
        <rect width="1.66667" height="1.33333" transform="matrix(-1 0 0 1 6.66667 1.33333)" fill="#2D2D2D"/>
        <rect x="7.33334" y="5.33437" width="2.88889" height="2.66719" fill="#FF6F0F"/>
        <rect x="8.77778" y="6.66795" width="2.88889" height="1.33359" fill="#FF6F0F"/>
      </g>

      <g id="node-14-logo" transform="translate(3, 3)">
        <rect width="1.25" height="5" transform="matrix(-0.951057 0.309017 0.309017 0.951057 11.8882 1.35194)" fill="black"/>
        <rect width="1.875" height="0.625" transform="matrix(-0.951057 0.309017 0.309017 0.951057 11.0857 2.92703)" fill="black"/>
        <rect width="0.625" height="0.625" transform="matrix(-0.951057 0.309017 0.309017 0.951057 10.6694 5.69095)" fill="black"/>
        <rect width="0.625" height="0.625" transform="matrix(-0.951057 0.309017 0.309017 0.951057 11.8582 5.30467)" fill="black"/>
        <rect width="1.25" height="0.625" transform="matrix(-0.951057 0.309017 0.309017 0.951057 11.4569 6.09222)" fill="black"/>
        <rect width="1.25" height="2.5" transform="matrix(-0.951057 0.309017 0.309017 0.951057 10.09 3.90771)" fill="black"/>
        <rect width="1.25" height="3.125" transform="matrix(-0.951057 0.309017 0.309017 0.951057 14.0577 1.96135)" fill="black"/>
        <rect x="17.5942" y="4.75528" width="3.125" height="0.625" transform="rotate(162 17.5942 4.75528)" fill="black"/>
        <rect width="0.625" height="0.625" transform="matrix(0.951057 -0.309017 -0.309017 -0.951057 16.8066 4.354)" fill="black"/>
        <rect width="0.625" height="0.625" transform="matrix(0.951057 -0.309017 -0.309017 -0.951057 15.0234 4.93341)" fill="black"/>
        <rect width="2.5" height="0.625" transform="matrix(-0.951057 0.309017 0.309017 0.951057 15.6478 0.787537)" fill="black"/>
        <rect width="1.875" height="0.625" transform="matrix(-0.951057 0.309017 0.309017 0.951057 16.2272 2.57077)" fill="black"/>
        <rect width="1.25" height="1.875" transform="matrix(-0.951057 0.309017 0.309017 0.951057 16.4353 1.18881)" fill="black"/>
        <rect x="0.386276" y="6.40347" width="1.25" height="3.75" transform="rotate(-18 0.386276 6.40347)" fill="black"/>
        <rect x="2.95706" y="6.22534" width="1.25" height="3.125" transform="rotate(-18 2.95706 6.22534)" fill="black"/>
        <rect x="2.16951" y="5.82407" width="1.25" height="1.25" transform="rotate(-18 2.16951 5.82407)" fill="black"/>
        <rect x="1.17381" y="6.80475" width="1.25" height="1.25" transform="rotate(-18 1.17381 6.80475)" fill="black"/>
        <rect x="5.33469" y="5.4528" width="2.5" height="2.5" transform="rotate(-18 5.33469 5.4528)" fill="#70BB51"/>
        <rect x="5.73596" y="4.66527" width="1.25" height="3.75" transform="rotate(-18 5.73596 4.66527)" fill="#70BB51"/>
        <rect x="4.93341" y="6.24036" width="3.75" height="1.25" transform="rotate(-18 4.93341 6.24036)" fill="#70BB51"/>
        <rect x="14.0577" y="1.96136" width="1.25" height="1.25" transform="rotate(-18 14.0577 1.96136)" fill="#70BB51"/>
      </g>
    </svg>
  </g>
</svg>