<svg width="200" id="didgeroo" x="0px" y="0px"
         viewBox="0 0 272.8 183.5">
  <style type="text/css">
    #didgeroo-st1, #didgeroo-st2, #didgeroo-st3{ fill:#F16522; display:none; }
    #didgeroo-st1{ display: block; }
  </style>
  <g id="didgeroo-st1">
    <rect x="167.9" y="168.7" width="11.3" height="11.3"/>
    <rect x="152.9" y="168.7" width="11.3" height="11.3"/>
    <rect x="152.9" y="153.7" width="11.3" height="11.3"/>
    <rect x="137.9" y="138.6" width="11.3" height="11.3"/>
    <rect x="183" y="123.6" width="11.3" height="11.3"/>
    <rect x="152.9" y="123.6" width="11.3" height="11.3"/>
    <rect x="137.9" y="123.6" width="11.3" height="11.3"/>
    <rect x="198" y="108.5" width="11.3" height="11.3"/>
    <rect x="183" y="108.5" width="11.3" height="11.3"/>
    <rect x="167.9" y="108.5" width="11.3" height="11.3"/>
    <rect x="152.9" y="108.5" width="11.3" height="11.3"/>
    <rect x="137.9" y="108.5" width="11.3" height="11.3"/>
    <rect x="122.8" y="108.5" width="11.3" height="11.3"/>
    <rect x="107.8" y="108.5" width="11.3" height="11.3"/>
    <rect x="47.6" y="108.5" width="11.3" height="11.3"/>
    <rect x="32.5" y="108.5" width="11.3" height="11.3"/>
    <rect x="17.5" y="108.5" width="11.3" height="11.3"/>
    <rect x="213.1" y="93.5" width="11.3" height="11.3"/>
    <rect x="198" y="93.5" width="11.3" height="11.3"/>
    <rect x="183" y="93.5" width="11.3" height="11.3"/>
    <rect x="167.9" y="93.5" width="11.3" height="11.3"/>
    <rect x="152.9" y="93.5" width="11.3" height="11.3"/>
    <rect x="137.9" y="93.5" width="11.3" height="11.3"/>
    <rect x="122.8" y="93.5" width="11.3" height="11.3"/>
    <rect x="107.8" y="93.5" width="11.3" height="11.3"/>
    <rect x="92.7" y="93.5" width="11.3" height="11.3"/>
    <rect x="62.6" y="93.5" width="11.3" height="11.3"/>
    <rect x="47.6" y="93.5" width="11.3" height="11.3"/>
    <rect x="258.2" y="78.4" width="11.3" height="11.3"/>
    <rect x="243.2" y="78.4" width="11.3" height="11.3"/>
    <rect x="228.1" y="78.4" width="11.3" height="11.3"/>
    <rect x="213.1" y="78.4" width="11.3" height="11.3"/>
    <rect x="198" y="78.4" width="11.3" height="11.3"/>
    <rect x="183" y="78.4" width="11.3" height="11.3"/>
    <rect x="167.9" y="78.4" width="11.3" height="11.3"/>
    <rect x="152.9" y="78.4" width="11.3" height="11.3"/>
    <rect x="137.9" y="78.4" width="11.3" height="11.3"/>
    <rect x="122.8" y="78.4" width="11.3" height="11.3"/>
    <rect x="107.8" y="78.4" width="11.3" height="11.3"/>
    <rect x="92.7" y="78.4" width="11.3" height="11.3"/>
    <rect x="77.7" y="78.4" width="11.3" height="11.3"/>
    <rect x="62.6" y="78.4" width="11.3" height="11.3"/>
    <rect x="243.2" y="63.4" width="11.3" height="11.3"/>
    <rect x="228.1" y="63.4" width="11.3" height="11.3"/>
    <rect x="183" y="63.4" width="11.3" height="11.3"/>
    <rect x="167.9" y="63.4" width="11.3" height="11.3"/>
    <rect x="152.9" y="63.4" width="11.3" height="11.3"/>
    <rect x="137.9" y="63.4" width="11.3" height="11.3"/>
    <rect x="122.8" y="63.4" width="11.3" height="11.3"/>
    <rect x="107.8" y="63.4" width="11.3" height="11.3"/>
    <rect x="92.7" y="63.4" width="11.3" height="11.3"/>
    <rect x="77.7" y="63.4" width="11.3" height="11.3"/>
    <rect x="213.1" y="48.3" width="11.3" height="11.3"/>
    <rect x="167.9" y="48.3" width="11.3" height="11.3"/>
    <rect x="152.9" y="48.3" width="11.3" height="11.3"/>
    <rect x="137.9" y="48.3" width="11.3" height="11.3"/>
    <rect x="122.8" y="48.3" width="11.3" height="11.3"/>
    <rect x="107.8" y="48.3" width="11.3" height="11.3"/>
    <rect x="92.7" y="48.3" width="11.3" height="11.3"/>
    <rect x="152.9" y="33.3" width="11.3" height="11.3"/>
    <rect x="137.9" y="33.3" width="11.3" height="11.3"/>
    <rect x="122.8" y="33.3" width="11.3" height="11.3"/>
    <rect x="107.8" y="33.3" width="11.3" height="11.3"/>
    <rect x="137.9" y="18.3" width="11.3" height="11.3"/>
    <rect x="122.8" y="18.3" width="11.3" height="11.3"/>
  </g>
  <g id="didgeroo-st2">
    <rect x="137.9" y="139.1" width="11.3" height="11.3"/>
    <rect x="122.8" y="139.1" width="11.3" height="11.3"/>
    <rect x="122.8" y="124" width="11.3" height="11.3"/>
    <rect x="213.1" y="109" width="11.3" height="11.3"/>
    <rect x="152.9" y="109" width="11.3" height="11.3"/>
    <rect x="137.9" y="109" width="11.3" height="11.3"/>
    <rect x="198" y="93.9" width="11.3" height="11.3"/>
    <rect x="183" y="93.9" width="11.3" height="11.3"/>
    <rect x="167.9" y="93.9" width="11.3" height="11.3"/>
    <rect x="152.9" y="93.9" width="11.3" height="11.3"/>
    <rect x="137.9" y="93.9" width="11.3" height="11.3"/>
    <rect x="122.8" y="93.9" width="11.3" height="11.3"/>
    <rect x="107.8" y="93.9" width="11.3" height="11.3"/>
    <rect x="62.6" y="63.8" width="11.3" height="11.3"/>
    <rect x="32.5" y="63.8" width="11.3" height="11.3"/>
    <rect x="17.5" y="63.8" width="11.3" height="11.3"/>
    <rect x="213.1" y="78.9" width="11.3" height="11.3"/>
    <rect x="198" y="78.9" width="11.3" height="11.3"/>
    <rect x="183" y="78.9" width="11.3" height="11.3"/>
    <rect x="167.9" y="78.9" width="11.3" height="11.3"/>
    <rect x="152.9" y="78.9" width="11.3" height="11.3"/>
    <rect x="137.9" y="78.9" width="11.3" height="11.3"/>
    <rect x="122.8" y="78.9" width="11.3" height="11.3"/>
    <rect x="107.8" y="78.9" width="11.3" height="11.3"/>
    <rect x="92.7" y="78.9" width="11.3" height="11.3"/>
    <rect x="47.5" y="78.9" width="11.3" height="11.3"/>
    <rect x="258.3" y="63.8" width="11.3" height="11.3"/>
    <rect x="243.3" y="63.8" width="11.3" height="11.3"/>
    <rect x="228.1" y="63.8" width="11.3" height="11.3"/>
    <rect x="213.1" y="63.8" width="11.3" height="11.3"/>
    <rect x="198" y="63.8" width="11.3" height="11.3"/>
    <rect x="183" y="63.8" width="11.3" height="11.3"/>
    <rect x="167.9" y="63.8" width="11.3" height="11.3"/>
    <rect x="152.9" y="63.8" width="11.3" height="11.3"/>
    <rect x="137.9" y="63.8" width="11.3" height="11.3"/>
    <rect x="122.8" y="63.8" width="11.3" height="11.3"/>
    <rect x="107.8" y="63.8" width="11.3" height="11.3"/>
    <rect x="92.7" y="63.8" width="11.3" height="11.3"/>
    <rect x="77.7" y="63.8" width="11.3" height="11.3"/>
    <rect x="47.6" y="63.8" width="11.3" height="11.3"/>
    <rect x="243.3" y="48.8" width="11.3" height="11.3"/>
    <rect x="228.1" y="48.8" width="11.3" height="11.3"/>
    <rect x="183" y="48.8" width="11.3" height="11.3"/>
    <rect x="167.9" y="48.8" width="11.3" height="11.3"/>
    <rect x="152.9" y="48.8" width="11.3" height="11.3"/>
    <rect x="137.9" y="48.8" width="11.3" height="11.3"/>
    <rect x="122.8" y="48.8" width="11.3" height="11.3"/>
    <rect x="107.8" y="48.8" width="11.3" height="11.3"/>
    <rect x="92.7" y="48.8" width="11.3" height="11.3"/>
    <rect x="77.7" y="48.8" width="11.3" height="11.3"/>
    <rect x="228.1" y="33.7" width="11.3" height="11.3"/>
    <rect x="167.9" y="33.7" width="11.3" height="11.3"/>
    <rect x="152.9" y="33.7" width="11.3" height="11.3"/>
    <rect x="137.9" y="33.7" width="11.3" height="11.3"/>
    <rect x="122.8" y="33.7" width="11.3" height="11.3"/>
    <rect x="107.8" y="33.7" width="11.3" height="11.3"/>
    <rect x="92.7" y="33.7" width="11.3" height="11.3"/>
    <rect x="152.9" y="18.7" width="11.3" height="11.3"/>
    <rect x="137.9" y="18.7" width="11.3" height="11.3"/>
    <rect x="122.8" y="18.7" width="11.3" height="11.3"/>
    <rect x="107.8" y="18.7" width="11.3" height="11.3"/>
    <rect x="137.9" y="3.7" width="11.3" height="11.3"/>
    <rect x="122.8" y="3.7" width="11.3" height="11.3"/>
  </g>
  <g id="didgeroo-st3">
    <rect x="137.8" y="168.7" width="11.3" height="11.3"/>
    <rect x="122.8" y="168.7" width="11.3" height="11.3"/>
    <rect x="122.8" y="153.7" width="11.3" height="11.3"/>
    <rect x="137.9" y="138.6" width="11.3" height="11.3"/>
    <rect x="213.1" y="93.4" width="11.3" height="11.3"/>
    <rect x="152.9" y="123.6" width="11.3" height="11.3"/>
    <rect x="137.9" y="123.6" width="11.3" height="11.3"/>
    <rect x="198" y="93.4" width="11.3" height="11.3"/>
    <rect x="183" y="108.5" width="11.3" height="11.3"/>
    <rect x="167.9" y="108.5" width="11.3" height="11.3"/>
    <rect x="152.9" y="108.5" width="11.3" height="11.3"/>
    <rect x="137.9" y="108.5" width="11.3" height="11.3"/>
    <rect x="122.8" y="108.5" width="11.3" height="11.3"/>
    <rect x="107.8" y="108.5" width="11.3" height="11.3"/>
    <rect x="47.6" y="78.4" width="11.3" height="11.3"/>
    <rect x="32.4" y="78.4" width="11.3" height="11.3"/>
    <rect x="32.5" y="63.4" width="11.3" height="11.3"/>
    <rect x="198" y="48.3" width="11.3" height="11.3"/>
    <rect x="198" y="78.4" width="11.3" height="11.3"/>
    <rect x="183" y="93.5" width="11.3" height="11.3"/>
    <rect x="167.9" y="93.5" width="11.3" height="11.3"/>
    <rect x="152.9" y="93.5" width="11.3" height="11.3"/>
    <rect x="137.9" y="93.5" width="11.3" height="11.3"/>
    <rect x="122.8" y="93.5" width="11.3" height="11.3"/>
    <rect x="107.8" y="93.5" width="11.3" height="11.3"/>
    <rect x="92.7" y="93.5" width="11.3" height="11.3"/>
    <rect x="17.4" y="63.4" width="11.3" height="11.3"/>
    <rect x="2.4" y="63.4" width="11.3" height="11.3"/>
    <rect x="258.3" y="48.3" width="11.3" height="11.3"/>
    <rect x="243.3" y="48.3" width="11.3" height="11.3"/>
    <rect x="228.2" y="48.3" width="11.3" height="11.3"/>
    <rect x="213.1" y="63.3" width="11.3" height="11.3"/>
    <rect x="198" y="63.3" width="11.3" height="11.3"/>
    <rect x="183" y="78.4" width="11.3" height="11.3"/>
    <rect x="167.9" y="78.4" width="11.3" height="11.3"/>
    <rect x="152.9" y="78.4" width="11.3" height="11.3"/>
    <rect x="137.9" y="78.4" width="11.3" height="11.3"/>
    <rect x="122.8" y="78.4" width="11.3" height="11.3"/>
    <rect x="107.8" y="78.4" width="11.3" height="11.3"/>
    <rect x="92.7" y="78.4" width="11.3" height="11.3"/>
    <rect x="77.7" y="78.4" width="11.3" height="11.3"/>
    <rect x="62.6" y="78.4" width="11.3" height="11.3"/>
    <rect x="243.3" y="33.3" width="11.3" height="11.3"/>
    <rect x="228.2" y="33.3" width="11.3" height="11.3"/>
    <rect x="213.1" y="48.3" width="11.3" height="11.3"/>
    <rect x="183" y="63.4" width="11.3" height="11.3"/>
    <rect x="167.9" y="63.4" width="11.3" height="11.3"/>
    <rect x="152.9" y="63.4" width="11.3" height="11.3"/>
    <rect x="137.9" y="63.4" width="11.3" height="11.3"/>
    <rect x="122.8" y="63.4" width="11.3" height="11.3"/>
    <rect x="107.8" y="63.4" width="11.3" height="11.3"/>
    <rect x="92.7" y="63.4" width="11.3" height="11.3"/>
    <rect x="77.7" y="63.4" width="11.3" height="11.3"/>
    <rect x="213.1" y="18.3" width="11.3" height="11.3"/>
    <rect x="167.9" y="48.3" width="11.3" height="11.3"/>
    <rect x="152.9" y="48.3" width="11.3" height="11.3"/>
    <rect x="137.9" y="48.3" width="11.3" height="11.3"/>
    <rect x="122.8" y="48.3" width="11.3" height="11.3"/>
    <rect x="107.8" y="48.3" width="11.3" height="11.3"/>
    <rect x="92.7" y="48.3" width="11.3" height="11.3"/>
    <rect x="152.9" y="33.3" width="11.3" height="11.3"/>
    <rect x="137.9" y="33.3" width="11.3" height="11.3"/>
    <rect x="122.8" y="33.3" width="11.3" height="11.3"/>
    <rect x="107.8" y="33.3" width="11.3" height="11.3"/>
    <rect x="137.9" y="18.3" width="11.3" height="11.3"/>
    <rect x="122.8" y="18.3" width="11.3" height="11.3"/>
  </g>
  <script>
    /* Aniamtion */
    var leftPos = 0;
    setInterval(function(){
      setTimeout(function(){
        $("#didgeroo-st2").show();
        $("#didgeroo-st1, #didgeroo-st3").hide();
      }, 300);

      setTimeout(function(){
        $("#didgeroo-st3").show();
        $("#didgeroo-st1, #didgeroo-st2").hide();
        
        leftPos += 20;
        $("#didgeroo").css("left", (leftPos));
      }, 600);

      setTimeout(function(){
        $("#didgeroo-st1").show();
        $("#didgeroo-st2, #didgeroo-st3").hide();
      }, 0);
    }, 900);
	</script>
</svg>
html,
body{
  overflow: hidden;
}

#didgeroo{
  display: block;
  position: relative;
  margin-top: 50px;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js