Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using it's URL and the proper URL extention.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <div id="container">

<svg id="robot-vernie" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 159.5 130.7">
  <g id="Layer_2" data-name="Layer 2">
    <g id="PRESENT_Elements">
      <g id="FRONT">
        <g id="Robot_Vernie" data-name="Robot Vernie">
          <g id="Shoulder_right" data-name="Shoulder right">
            <g id="Shoulder_right-2" data-name="Shoulder right">
              <rect x="123.4" y="60.3" width="7.5" height="28.13" style="fill: #030504"></rect>
              <rect x="130.9" y="63.4" width="3.8" height="20.06" style="fill: #666561"></rect>
              <rect x="137.4" y="63.4" width="1" height="20.06" style="fill: #9f9a96"></rect>
              <rect x="134.7" y="64.1" width="2.7" height="18.6" style="fill: #a8a6a3"></rect>
              <rect x="154.9" y="71" width="0.7" height="4.85" style="fill: #9f9a96"></rect>
              <rect x="152.5" y="71.6" width="2.4" height="3.76" style="fill: #a8a6a3"></rect>
              <rect x="138.4" y="60.3" width="14.1" height="28.13" style="fill: #030504"></rect>
              <path d="M125.2,88.4h2l.6-.7-.7-.4c1.7-2.5,2.8-6.9,2.9-12V73.4c-.1-5-1.2-9.4-2.9-12l.7-.3-.6-.8H107.9V88.4h17.3Z" style="fill: #fff"></path>
              <path d="M116.4,49.6h4.7a0,0,0,0,1,0,0v1.6a.4.4,0,0,1-.4.4h-3.9a.4.4,0,0,1-.4-.4V49.6A0,0,0,0,1,116.4,49.6Z" transform="translate(237.4 101.2) rotate(-180)" style="fill: #0086bd"></path>
              <rect x="122.5" y="58.3" width="4.7" height="2.02" style="fill: #0086bd"></rect>
              <polygon points="122.5 51.3 122.5 58.3 127.2 58.3 122.5 51.3" style="fill: #0086bd"></polygon>
              <rect x="115" y="51.3" width="7.5" height="9.01" style="fill: #009bd7"></rect>
            </g>
            <polygon points="145.5 73.4 138.4 73.4 138.4 80.5 138.4 87.5 138.4 94.6 138.4 101.6 145.5 101.6 152.5 101.6 152.5 94.6 152.5 87.5 152.5 80.5 152.5 73.4 145.5 73.4" style="fill: #009bd7"></polygon>
            <g>
              <g id="_4x2_FLAT" data-name="4x2_FLAT">
                <rect x="156.7" y="81.8" width="1.8" height="4.4" style="fill: #0086bd"></rect>
                <rect x="156.7" y="88.8" width="1.8" height="4.4" style="fill: #0086bd"></rect>
                <g id="Br_05">
                  <polygon points="156.7 94.6 156.7 80.5 153.9 80.5 153.9 94.6 156.7 94.6" style="fill: #009bd7"></polygon>
                </g>
              </g>
              <g id="Br_05-2" data-name="Br_05">
                <polygon points="153.9 94.6 153.9 80.5 152.5 80.5 152.5 94.6 153.9 94.6" style="fill: #ee7500"></polygon>
              </g>
              <polygon points="159.5 80.5 156.7 80.5 156.7 81.8 158.1 81.8 158.1 84.1 156.7 84.1 156.7 90.9 158.1 90.9 158.1 93.3 156.7 93.3 156.7 94.6 159.5 94.6 159.5 80.5" style="fill: #ee7500"></polygon>
            </g>
          </g>
          <g id="Shoulder_left" data-name="Shoulder left">
            <g id="Shoulder_right-3" data-name="Shoulder right">
              <rect x="28.6" y="60.3" width="7.5" height="28.13" transform="translate(64.7 148.7) rotate(-180)" style="fill: #030504"></rect>
              <rect x="24.8" y="63.4" width="3.8" height="20.06" transform="translate(53.5 146.9) rotate(180)" style="fill: #666561"></rect>
              <rect x="21.1" y="63.4" width="1" height="20.06" transform="translate(43.3 146.9) rotate(180)" style="fill: #9f9a96"></rect>
              <rect x="22.1" y="64.1" width="2.7" height="18.6" transform="translate(47 146.9) rotate(180)" style="fill: #a8a6a3"></rect>
              <rect x="4" y="71" width="0.7" height="4.85" transform="translate(8.6 146.9) rotate(180)" style="fill: #9f9a96"></rect>
              <rect x="4.7" y="71.6" width="2.4" height="3.76" transform="translate(11.7 146.9) rotate(-180)" style="fill: #a8a6a3"></rect>
              <rect x="7" y="60.3" width="14.1" height="28.13" transform="translate(28.1 148.7) rotate(-180)" style="fill: #030504"></rect>
              <path d="M34.3,88.4H32.4l-.6-.7.7-.4c-1.8-2.5-2.8-6.9-3-12V73.4c.2-5,1.2-9.4,3-12l-.7-.3.6-.8H51.6V88.4H34.3Z" style="fill: #fff"></path>
              <path d="M38.9,49.6h3.9a.4.4,0,0,1,.4.4v1.6a0,0,0,0,1,0,0H38.5a0,0,0,0,1,0,0V50a.4.4,0,0,1,.4-.4Z" style="fill: #0086bd"></path>
              <rect x="32.4" y="58.3" width="4.7" height="2.02" style="fill: #0086bd"></rect>
              <polygon points="37.1 51.3 37.1 58.3 32.4 58.3 37.1 51.3" style="fill: #0086bd"></polygon>
              <rect x="37.1" y="51.3" width="7.5" height="9.01" transform="translate(81.6 111.6) rotate(-180)" style="fill: #009bd7"></rect>
            </g>
            <polygon points="14.1 73.4 21.1 73.4 21.1 80.5 21.1 87.5 21.1 94.6 21.1 101.6 14.1 101.6 7 101.6 7 94.6 7 87.5 7 80.5 7 73.4 14.1 73.4" style="fill: #009bd7"></polygon>
            <g>
              <g id="_4x2_FLAT-2" data-name="4x2_FLAT">
                <rect x="1" y="81.8" width="1.8" height="4.4" style="fill: #0086bd"></rect>
                <rect x="1" y="88.8" width="1.8" height="4.4" style="fill: #0086bd"></rect>
                <g id="Br_05-3" data-name="Br_05">
                  <polygon points="2.8 94.6 2.8 80.5 5.6 80.5 5.6 94.6 2.8 94.6" style="fill: #009bd7"></polygon>
                </g>
              </g>
              <g id="Br_05-4" data-name="Br_05">
                <polygon points="5.6 94.6 5.6 80.5 7 80.5 7 94.6 5.6 94.6" style="fill: #ee7500"></polygon>
              </g>
              <polygon points="0 80.5 2.8 80.5 2.8 81.8 1.4 81.8 1.4 84.1 2.8 84.1 2.8 90.9 1.4 90.9 1.4 93.3 2.8 93.3 2.8 94.6 0 94.6 0 80.5" style="fill: #ee7500"></polygon>
            </g>
          </g>
          <g id="Neck_Vernie" data-name="Neck Vernie">
            <g>
              <rect x="74.3" y="44.7" width="10.2" height="5.08" transform="translate(158.8 94.4) rotate(-180)" style="fill: #bd6d19"></rect>
              <path id="Studz" d="M71.8,47.2a2.5,2.5,0,0,0,.8,1.8,2.1,2.1,0,0,0,1.7.7,2.3,2.3,0,0,0,1.8-.7,2.4,2.4,0,0,0,0-3.6,2.7,2.7,0,0,0-1.8-.7,2.4,2.4,0,0,0-1.7.7A2.5,2.5,0,0,0,71.8,47.2Z" style="fill: #bd6d19"></path>
              <path id="Studz-2" data-name="Studz" d="M72.3,47.2a2,2,0,0,0,.6,1.4,2,2,0,0,0,1.4.6,2,2,0,1,0,0-4,2,2,0,0,0-1.4.6A2,2,0,0,0,72.3,47.2Z" style="fill: #e7e7e8"></path>
              <path id="Studz-3" data-name="Studz" d="M76.9,47.2a2.9,2.9,0,0,0,.7,1.8,2.4,2.4,0,0,0,1.8.7,2.3,2.3,0,0,0,1.8-.7,2.4,2.4,0,0,0,0-3.6,2.7,2.7,0,0,0-1.8-.7,2.4,2.4,0,0,0-2.5,2.5Z" style="fill: #ee7500"></path>
              <path id="Studz-4" data-name="Studz" d="M77.4,47.2a1.7,1.7,0,0,0,.6,1.4,2,2,0,0,0,1.4.6,2,2,0,0,0,1.5-.6,2.2,2.2,0,0,0,0-2.8,2,2,0,0,0-1.5-.6,2,2,0,0,0-1.4.6A1.7,1.7,0,0,0,77.4,47.2Z" style="fill: #e7e7e8"></path>
              <path id="Studz-5" data-name="Studz" d="M82,47.2a2.5,2.5,0,1,0,4.3-1.8,2.7,2.7,0,0,0-3.6,0A2.4,2.4,0,0,0,82,47.2Z" style="fill: #bd6d19"></path>
              <path id="Studz-6" data-name="Studz" d="M82.5,47.2a2.1,2.1,0,1,0,.6-1.4A1.7,1.7,0,0,0,82.5,47.2Z" style="fill: #e7e7e8"></path>
            </g>
            <rect id="Brick_1_x_4" x="84.5" y="49.7" width="1.9" height="5.07" style="fill: #88c3ec"></rect>
            <rect id="Brick_1_x_4-2" data-name="Brick_1_x_4" x="72.5" y="49.7" width="1.9" height="5.07" style="fill: #88c3ec"></rect>
            <rect id="Brick_1_x_4-3" data-name="Brick_1_x_4" x="72.5" y="37.7" width="13.9" height="3.88" style="fill: #2f2b27"></rect>
            <g id="Plate_1_x_2_Top_View">
              <path id="Studz-7" data-name="Studz" d="M77.8,47.2a1.7,1.7,0,0,0,1.6,1.6,1.4,1.4,0,0,0,1.1-.5,1.5,1.5,0,0,0,0-2.2,1.4,1.4,0,0,0-1.1-.5,1.7,1.7,0,0,0-1.6,1.6Z" style="fill: #009bd7"></path>
              <path id="Studz-8" data-name="Studz" d="M78.3,47.2a1,1,0,1,0,.3-.8A1.1,1.1,0,0,0,78.3,47.2Z" style="fill: #00355b"></path>
            </g>
            <g id="Plate_1_x_1_Top_View">
              <rect id="Brick_1_x_4-4" data-name="Brick_1_x_4" x="74.4" y="54.8" width="5.1" height="5.07" style="fill: #d4edfc"></rect>
            </g>
            <g id="Plate_1_x_1_Top_View-2" data-name="Plate_1_x_1_Top_View">
              <rect id="Brick_1_x_4-5" data-name="Brick_1_x_4" x="69.3" y="54.8" width="5.1" height="5.07" style="fill: #d4edfc"></rect>
            </g>
            <g id="Plate_1_x_1_Top_View-3" data-name="Plate_1_x_1_Top_View">
              <rect id="Brick_1_x_4-6" data-name="Brick_1_x_4" x="84.5" y="54.8" width="5.1" height="5.07" style="fill: #d4edfc"></rect>
            </g>
            <g id="Plate_1_x_1_Top_View-4" data-name="Plate_1_x_1_Top_View">
              <rect id="Brick_1_x_4-7" data-name="Brick_1_x_4" x="79.4" y="54.8" width="5.1" height="5.07" style="fill: #d4edfc"></rect>
            </g>
            <path d="M74.3,49.7h0a5,5,0,0,1,5.1-5h0a5,5,0,0,1,5.1,5h0m0,0H74.4v5.1H84.5Zm-6.7-2.5a1.7,1.7,0,0,0,1.6,1.6,1.4,1.4,0,0,0,1.1-.5,1.5,1.5,0,0,0,0-2.2,1.4,1.4,0,0,0-1.1-.5,1.7,1.7,0,0,0-1.6,1.6Z" style="fill: #d4edfc"></path>
            <g id="Plate_1_x_2_Top_View-2" data-name="Plate_1_x_2_Top_View">
              <path id="Studz-9" data-name="Studz" d="M80.8,51.2a1.6,1.6,0,0,1,1.1-.5,1.7,1.7,0,0,1,1.2.5,1.8,1.8,0,0,1,.4,1.1,2.1,2.1,0,0,1-.4,1.1,1.7,1.7,0,0,1-1.2.5,1.6,1.6,0,0,1-1.1-.5,2.1,2.1,0,0,1-.4-1.1A1.8,1.8,0,0,1,80.8,51.2Z" style="fill: #88c3ec"></path>
              <path id="Studz-10" data-name="Studz" d="M75.8,51.2a1.5,1.5,0,0,1,2.2,0,1.4,1.4,0,0,1,.5,1.1,1.6,1.6,0,0,1-3.2,0A1.4,1.4,0,0,1,75.8,51.2Z" style="fill: #88c3ec"></path>
            </g>
            <g id="Gear_side_view" data-name="Gear side view">
              <rect id="Brick_1_x_4-8" data-name="Brick_1_x_4" x="70.7" y="41.6" width="17.4" height="3.09" style="fill: #030504"></rect>
              <rect id="Brick_1_x_4-9" data-name="Brick_1_x_4" x="78.9" y="41.6" width="1" height="3.09" style="fill: #2f2b27"></rect>
              <rect id="Brick_1_x_4-10" data-name="Brick_1_x_4" x="79.2" y="41.6" width="0.4" height="3.09" style="fill: #666561"></rect>
              <rect id="Brick_1_x_4-11" data-name="Brick_1_x_4" x="76.9" y="41.6" width="1.1" height="3.09" style="fill: #2f2b27"></rect>
              <rect id="Brick_1_x_4-12" data-name="Brick_1_x_4" x="74.5" y="41.6" width="1.3" height="3.09" style="fill: #2f2b27"></rect>
              <rect id="Brick_1_x_4-13" data-name="Brick_1_x_4" x="72.7" y="41.6" width="1.5" height="3.09" style="fill: #2f2b27"></rect>
              <rect id="Brick_1_x_4-14" data-name="Brick_1_x_4" x="70.7" y="41.6" width="1.8" height="3.09" style="fill: #2f2b27"></rect>
              <rect id="Brick_1_x_4-15" data-name="Brick_1_x_4" x="76.6" y="41.6" width="0.3" height="3.09" style="fill: #666561"></rect>
              <rect id="Brick_1_x_4-16" data-name="Brick_1_x_4" x="74.2" y="41.6" width="0.3" height="3.09" style="fill: #666561"></rect>
              <rect id="Brick_1_x_4-17" data-name="Brick_1_x_4" x="72.5" y="41.6" width="0.2" height="3.09" style="fill: #666561"></rect>
              <rect id="Brick_1_x_4-18" data-name="Brick_1_x_4" x="71" y="41.6" width="0.1" height="3.09" style="fill: #666561"></rect>
              <rect id="Brick_1_x_4-19" data-name="Brick_1_x_4" x="80.8" y="41.6" width="1.1" height="3.09" style="fill: #2f2b27"></rect>
              <rect id="Brick_1_x_4-20" data-name="Brick_1_x_4" x="83" y="41.6" width="1.3" height="3.09" style="fill: #2f2b27"></rect>
              <rect id="Brick_1_x_4-21" data-name="Brick_1_x_4" x="84.6" y="41.6" width="1.5" height="3.09" style="fill: #2f2b27"></rect>
              <rect id="Brick_1_x_4-22" data-name="Brick_1_x_4" x="86.4" y="41.6" width="1.8" height="3.09" style="fill: #2f2b27"></rect>
              <rect id="Brick_1_x_4-23" data-name="Brick_1_x_4" x="81.9" y="41.6" width="0.3" height="3.09" style="fill: #666561"></rect>
              <rect id="Brick_1_x_4-24" data-name="Brick_1_x_4" x="84.4" y="41.6" width="0.3" height="3.09" style="fill: #666561"></rect>
              <rect id="Brick_1_x_4-25" data-name="Brick_1_x_4" x="86.2" y="41.6" width="0.2" height="3.09" style="fill: #666561"></rect>
              <rect id="Brick_1_x_4-26" data-name="Brick_1_x_4" x="87.7" y="41.6" width="0.1" height="3.09" style="fill: #666561"></rect>
            </g>
          </g>
          <g id="Head_Vernie" data-name="Head Vernie">
            <rect x="55.2" y="11.1" width="40.6" height="23.79" transform="translate(-3.4 20.3) rotate(-15)" style="fill: #34575e"></rect>
            <g id="Br_09">
              <rect x="54.9" y="42.7" width="10.1" height="2.03" transform="translate(-9.3 17) rotate(-15)" style="fill: #2f2b27"></rect>
            </g>
            <g id="Br_09-2" data-name="Br_09">
              <rect x="94.2" y="32.2" width="10.1" height="2.03" transform="translate(-5.2 26.8) rotate(-15)" style="fill: #2f2b27"></rect>
            </g>
            <circle cx="88.1" cy="21.2" r="7.7" style="fill: #307685"></circle>
            <circle cx="88.1" cy="21.2" r="7.1" style="fill: #2f2b27"></circle>
            <circle cx="88.1" cy="21.2" r="5.4" style="fill: #67b6c8"></circle>
            <path id="Studz-11" data-name="Studz" d="M78.3,37.2a1.6,1.6,0,0,0-.7-.9,1.7,1.7,0,0,0-1.2-.2,1.8,1.8,0,0,0-1,.7,1.7,1.7,0,0,0-.1,1.2,1.5,1.5,0,0,0,2.8.4A1.6,1.6,0,0,0,78.3,37.2Z" style="fill: #e7e7e8"></path>
            <path id="Studz-12" data-name="Studz" d="M83.2,35.9a1.4,1.4,0,0,0-.8-.9,1.4,1.4,0,0,0-1.1-.2,1.5,1.5,0,0,0-1,.7,1.7,1.7,0,0,0-.2,1.2,2,2,0,0,0,.8,1,1.6,1.6,0,0,0,1.2.1,1.3,1.3,0,0,0,.9-.7A1.6,1.6,0,0,0,83.2,35.9Z" style="fill: #e7e7e8"></path>
            <g id="Br_09-3" data-name="Br_09">
              <rect x="51.5" y="42.6" width="1.3" height="3.17" transform="translate(-9.7 15) rotate(-15)" style="fill: #5fa5db"></rect>
              <rect x="52.1" y="36.3" width="2" height="10.15" transform="translate(-8.9 15.1) rotate(-15)" style="fill: #88c3ec"></rect>
            </g>
            <g id="Br_09-4" data-name="Br_09">
              <rect x="47.5" y="27.9" width="1.3" height="3.17" transform="translate(-6 13.5) rotate(-15)" style="fill: #5fa5db"></rect>
              <rect x="49.4" y="26.5" width="2" height="10.15" transform="translate(-6.4 14.1) rotate(-15)" style="fill: #88c3ec"></rect>
            </g>
            <g id="Br_09-5" data-name="Br_09">
              <rect x="105.7" y="28.1" width="1.3" height="3.17" transform="translate(-4.1 28.5) rotate(-15)" style="fill: #5fa5db"></rect>
              <rect x="103.1" y="22.6" width="2" height="10.15" transform="translate(-3.6 27.9) rotate(-15)" style="fill: #88c3ec"></rect>
            </g>
            <g id="Br_09-6" data-name="Br_09">
              <rect x="101.7" y="13.4" width="1.3" height="3.17" transform="translate(-0.4 27) rotate(-15)" style="fill: #5fa5db"></rect>
              <rect x="100.4" y="12.8" width="2" height="10.15" transform="matrix(0.97, -0.26, 0.26, 0.97, -1.17, 26.86)" style="fill: #88c3ec"></rect>
            </g>
            <polygon points="91.5 4.3 92 6.3 67.5 12.8 52.8 16.8 52.3 14.8 67 10.9 91.5 4.3" style="fill: #839ba1"></polygon>
            <polygon points="50.2 11.2 50.8 13.1 58.3 11.1 60.3 10.6 59.7 8.6 57.8 9.2 50.2 11.2" style="fill: #f5fbff"></polygon>
            <g>
              <g id="Plate_1_x_3_Top_View">
                <polygon id="Brick_1_x_4-27" data-name="Brick_1_x_4" points="59 39.8 59 39.8 63.9 38.5 68.8 37.1 73.7 35.8 75 40.7 70.1 42 65.2 43.4 60.3 44.7 59 39.8" style="fill: #f5fbff"></polygon>
              </g>
              <g id="Plate_1_x_3_Top_View-2" data-name="Plate_1_x_3_Top_View">
                <polygon id="Brick_1_x_4-28" data-name="Brick_1_x_4" points="83.5 33.2 83.5 33.2 88.4 31.9 93.3 30.6 98.2 29.3 99.5 34.2 94.6 35.5 89.7 36.8 84.8 38.1 83.5 33.2" style="fill: #f5fbff"></polygon>
              </g>
              <polygon id="Brick_1_x_4-29" data-name="Brick_1_x_4" points="73.7 35.8 78.6 34.5 83.5 33.2 84.8 38.1 79.9 39.4 75 40.7 73.7 35.8" style="fill: #f5fbff"></polygon>
              <g id="Plate_1_x_2_Top_View-3" data-name="Plate_1_x_2_Top_View">
                <polygon id="Brick_1_x_4-30" data-name="Brick_1_x_4" points="57.3 33.7 58.5 38 59.8 42.7 54.8 44 53.6 39.3 52.4 35.1 57.3 33.7" style="fill: #f5fbff"></polygon>
              </g>
              <g id="Plate_1_x_2_Top_View-4" data-name="Plate_1_x_2_Top_View">
                <polygon id="Brick_1_x_4-31" data-name="Brick_1_x_4" points="55.1 25.3 56.2 29.5 57.3 33.7 52.4 35.1 51.3 30.8 50.2 26.6 55.1 25.3" style="fill: #f5fbff"></polygon>
              </g>
              <g id="Plate_1_x_2_Top_View-5" data-name="Plate_1_x_2_Top_View">
                <polygon id="Brick_1_x_4-32" data-name="Brick_1_x_4" points="52.3 14.8 53.9 21 55.1 25.3 50.2 26.6 49 22.3 47.4 16.1 52.3 14.8" style="fill: #f5fbff"></polygon>
              </g>
              <g id="Plate_1_x_2_Top_View-6" data-name="Plate_1_x_2_Top_View">
                <polygon id="Brick_1_x_4-33" data-name="Brick_1_x_4" points="101.5 21.9 102.6 26.2 103.9 30.9 99 32.2 97.7 27.5 96.6 23.2 101.5 21.9" style="fill: #f5fbff"></polygon>
              </g>
              <g id="Plate_1_x_2_Top_View-7" data-name="Plate_1_x_2_Top_View">
                <polygon id="Brick_1_x_4-34" data-name="Brick_1_x_4" points="99.2 13.4 100.3 17.7 101.5 21.9 96.6 23.2 95.4 19 94.3 14.8 99.2 13.4" style="fill: #f5fbff"></polygon>
              </g>
              <g id="Plate_1_x_2_Top_View-8" data-name="Plate_1_x_2_Top_View">
                <polygon id="Brick_1_x_4-35" data-name="Brick_1_x_4" points="96.4 3 98.1 9.2 99.2 13.4 94.3 14.8 93.2 10.5 91.5 4.3 96.4 3" style="fill: #f5fbff"></polygon>
              </g>
              <polygon points="76.3 6.3 76.8 8.3 67 10.9 64.8 11.5 64.2 9.5 66.5 8.9 76.3 6.3" style="fill: #f5fbff"></polygon>
              <polygon points="81.6 2.8 82.2 4.7 72.4 7.4 70.1 8 69.6 6 71.8 5.4 81.6 2.8" style="fill: #f5fbff"></polygon>
              <polygon points="69.6 6 70.1 8 60.3 10.6 58 11.2 57.5 9.2 59.8 8.6 69.6 6" style="fill: #f5fbff"></polygon>
              <polygon points="91.4 0.1 92 2.1 84.4 4.1 82.2 4.7 81.6 2.8 83.9 2.2 91.4 0.1" style="fill: #f5fbff"></polygon>
              <polygon points="87.1 3.4 87.6 5.4 80.1 7.4 76.8 8.3 76.3 6.3 79.5 5.4 87.1 3.4" style="fill: #f5fbff"></polygon>
              <polygon points="53.4 12.4 54 14.4 61.5 12.4 64.8 11.5 64.2 9.5 61 10.4 53.4 12.4" style="fill: #f5fbff"></polygon>
              <path d="M92,2.1l-.6-2a4.1,4.1,0,0,1,5,2.9L92.5,4.1,87.6,5.4l-.5-2Z" style="fill: #f5fbff"></path>
              <path d="M50.8,13.1l-.6-1.9a4,4,0,0,0-2.8,4.9l3.9-1,4.9-1.3-.5-2Z" style="fill: #f5fbff"></path>
            </g>
            <g id="Plate_2_x_2_Top_View">
              <path id="Studz-13" data-name="Studz" d="M88.5,18.6a1.7,1.7,0,0,0,.2-1.2,1.6,1.6,0,0,0-.8-1,1.7,1.7,0,0,0-1.2-.1,1.3,1.3,0,0,0-.9.7,1.7,1.7,0,0,0-.2,1.2,1.4,1.4,0,0,0,.8.9,1.1,1.1,0,0,0,1.1.2A1.4,1.4,0,0,0,88.5,18.6Z" style="fill: #64b0c1"></path>
              <path id="Studz-14" data-name="Studz" d="M92.9,21.1a1.7,1.7,0,0,0,.1-1.2,1.7,1.7,0,0,0-.7-1,1.7,1.7,0,0,0-1.2-.1,1.7,1.7,0,0,0-1,.7,1.7,1.7,0,0,0-.1,1.2,1.4,1.4,0,0,0,.7,1,1.7,1.7,0,0,0,1.2.1A1.4,1.4,0,0,0,92.9,21.1Z" style="fill: #64b0c1"></path>
              <path id="Studz-15" data-name="Studz" d="M86,23a1.7,1.7,0,0,0,.1-1.2,1.4,1.4,0,0,0-.7-1,1.7,1.7,0,0,0-1.2-.1,1.7,1.7,0,0,0-1,.7,1.7,1.7,0,0,0-.1,1.2,1.3,1.3,0,0,0,.7.9,1.3,1.3,0,0,0,1.2.2A2.3,2.3,0,0,0,86,23Z" style="fill: #64b0c1"></path>
              <path id="Studz-16" data-name="Studz" d="M90.3,25.5a1.3,1.3,0,0,0,.2-1.2,2.3,2.3,0,0,0-.7-1,1.7,1.7,0,0,0-1.2-.1,1.4,1.4,0,0,0-1,.7,1.3,1.3,0,0,0-.1,1.2,1.4,1.4,0,0,0,.7,1,1.7,1.7,0,0,0,1.2.1A1.3,1.3,0,0,0,90.3,25.5Z" style="fill: #64b0c1"></path>
              <path id="Studz-17" data-name="Studz" d="M89.4,22a1.6,1.6,0,0,0,.2-1.2,2,2,0,0,0-.7-.9,1.8,1.8,0,0,0-1.2-.2,1.6,1.6,0,0,0-1,.8,1.6,1.6,0,0,0-.2,1.2,1.8,1.8,0,0,0,2,1.1A1.4,1.4,0,0,0,89.4,22Z" style="fill: #46808c"></path>
            </g>
            <circle cx="63.6" cy="27.8" r="7.7" style="fill: #307685"></circle>
            <circle cx="63.6" cy="27.8" r="7.1" style="fill: #2f2b27"></circle>
            <circle cx="63.6" cy="27.8" r="5.4" style="fill: #67b6c8"></circle>
            <path id="Studz-18" data-name="Studz" d="M64.1,25.1a1.7,1.7,0,0,0,.1-1.2,1.3,1.3,0,0,0-.7-.9,1.7,1.7,0,0,0-1.2-.2,2.3,2.3,0,0,0-1,.7,1.7,1.7,0,0,0-.1,1.2,1.4,1.4,0,0,0,.7,1,1.7,1.7,0,0,0,1.2.2A2.5,2.5,0,0,0,64.1,25.1Z" style="fill: #64b0c1"></path>
            <path id="Studz-19" data-name="Studz" d="M68.4,27.6a1.1,1.1,0,0,0,.2-1.1,1.8,1.8,0,0,0-.7-1,1.7,1.7,0,0,0-1.2-.2,1.6,1.6,0,0,0-1,.8,1.6,1.6,0,0,0-.1,1.2,1.3,1.3,0,0,0,.7.9,1.7,1.7,0,0,0,1.2.2A1.4,1.4,0,0,0,68.4,27.6Z" style="fill: #64b0c1"></path>
            <path id="Studz-20" data-name="Studz" d="M61.5,29.5a1.7,1.7,0,0,0,.2-1.2,1.6,1.6,0,0,0-.7-.9,1.4,1.4,0,0,0-1.2-.2,1.8,1.8,0,0,0-1,.7,1.7,1.7,0,0,0-.2,1.2,2,2,0,0,0,.8,1,1.3,1.3,0,0,0,1.2.1A1.3,1.3,0,0,0,61.5,29.5Z" style="fill: #64b0c1"></path>
            <path id="Studz-21" data-name="Studz" d="M65.9,32a1.6,1.6,0,0,0,.2-1.2,1.8,1.8,0,0,0-2-1.1,1.4,1.4,0,0,0-.9.8,1.6,1.6,0,0,0-.2,1.2,1.7,1.7,0,0,0,.8.9,1.5,1.5,0,0,0,1.1.2A1.6,1.6,0,0,0,65.9,32Z" style="fill: #64b0c1"></path>
            <path id="Studz-22" data-name="Studz" transform-origin="center" d="M65,28.6a1.7,1.7,0,0,0,.2-1.2,2.5,2.5,0,0,0-.8-1,1.7,1.7,0,0,0-1.2-.1,1.3,1.3,0,0,0-.9.7,1.7,1.7,0,0,0-.2,1.2,2.3,2.3,0,0,0,.7,1,1.7,1.7,0,0,0,1.2.1A1.4,1.4,0,0,0,65,28.6Z" style="fill: #46808c"></path>
            <g id="_1x1_Tile" data-name="1x1_Tile">
              <polygon points="78.6 22.1 79 23.7 79.4 25.2 81 24.7 80.6 23.2 80.2 21.7 78.6 22.1" style="fill: #909fa2"></polygon>
            </g>
            <g id="_1x1_Tile-2" data-name="1x1_Tile">
              <polygon points="70.6 24.3 71 25.8 71.5 27.3 73.1 26.9 72.7 25.4 72.3 23.8 70.6 24.3" style="fill: #909fa2"></polygon>
            </g>
            <g id="_1x1_Tile-3" data-name="1x1_Tile">
              <polygon points="72.4 24.4 72.7 25.4 73 26.4 79.3 24.7 79 23.7 78.7 22.7 72.4 24.4" style="fill: #909fa2"></polygon>
            </g>
            <g id="Eyebrow_Right" data-name="Eyebrow Right">
              <path id="EYE_Brick" d="M80.2,9.5A2.6,2.6,0,0,1,83,11.8a2.6,2.6,0,0,1-5.1.5l-.2-2.6,2.5-.2" style="fill: #2f2b27"></path>
              <polygon points="97.7 5.7 97.9 7.8 87.8 8.8 77.7 9.7 77.5 7.7 87.6 6.7 97.7 5.7" style="fill: #bd6d19"></polygon>
              <polygon points="87.8 8.8 88 10.8 88 10.8 77.9 11.8 77.7 9.7 87.8 8.8 87.8 8.8" style="fill: #2f2b27"></polygon>
              <g>
                <path id="Studz-23" data-name="Studz" d="M78.9,12.2a1.1,1.1,0,0,0,.6,1,1.5,1.5,0,0,0,1.1.4,2.4,2.4,0,0,0,1.1-.6,1.4,1.4,0,0,0,.3-1.1,1.3,1.3,0,0,0-.6-1.1,1.5,1.5,0,0,0-1.1-.4,2.4,2.4,0,0,0-1.1.6A1.6,1.6,0,0,0,78.9,12.2Z" style="fill: #a8a6a3"></path>
                <path id="Studz-24" data-name="Studz" d="M79.6,12.1a.7.7,0,0,0,.3.6l.6.2a.6.6,0,0,0,.6-.3.6.6,0,0,0,.2-.7.9.9,0,0,0-.3-.6l-.6-.2a.9.9,0,0,0-.6.3A.7.7,0,0,0,79.6,12.1Z" style="fill: #2f2b27"></path>
                <path d="M81.9,11.5c.1.1.1.2.1.4v.4l-3,.3a.8.8,0,0,1-.1-.4v-.4Z" style="fill: #2f2b27"></path>
              </g>
            </g>
            <g id="Eyebrow_Left" data-name="Eyebrow Left">
              <path id="EYE_Brick-2" data-name="EYE_Brick" d="M64.8,13.6a2.5,2.5,0,0,0-1.4,3.3A2.5,2.5,0,0,0,68.1,15l-1-2.3-2.3.9" style="fill: #2f2b27"></path>
              <polygon points="47.6 18.5 48.3 20.4 57.7 16.5 67.1 12.7 66.3 10.8 56.9 14.6 47.6 18.5" style="fill: #bd6d19"></polygon>
              <polygon points="57.7 16.5 58.5 18.4 58.5 18.4 67.9 14.5 67.1 12.7 57.7 16.5 57.7 16.5" style="fill: #2f2b27"></polygon>
              <g>
                <path id="Studz-25" data-name="Studz" d="M67.2,15.4a2.4,2.4,0,0,1,0,1.2,1.8,1.8,0,0,1-.9.8,1.3,1.3,0,0,1-1.2,0,1.1,1.1,0,0,1-.8-.8,1.3,1.3,0,0,1,0-1.2,1.4,1.4,0,0,1,.8-.9,1.7,1.7,0,0,1,1.2,0A2,2,0,0,1,67.2,15.4Z" style="fill: #a8a6a3"></path>
                <path id="Studz-26" data-name="Studz" d="M66.5,15.6a.8.8,0,0,1,0,.7.8.8,0,0,1-.5.5h-.6a.8.8,0,0,1-.5-.5.9.9,0,0,1,0-.7.8.8,0,0,1,.5-.5H66A.8.8,0,0,1,66.5,15.6Z" style="fill: #2f2b27"></path>
                <path d="M64.2,16.2a.8.8,0,0,0,.1.4l.2.3,2.8-1.1c0-.2-.1-.3-.1-.4L67,15Z" style="fill: #2f2b27"></path>
              </g>
            </g>
          </g>
          <g id="Torso_Vernie" data-name="Torso Vernie">
            <polygon points="79.8 82.8 72.7 82.8 72.7 89.8 72.7 96.8 79.8 96.8 86.8 96.8 86.8 89.8 86.8 82.8 79.8 82.8" style="fill: #fff"></polygon>
            <polygon points="72.7 96.8 72.7 113.8 72.7 130.7 86.8 130.7 86.8 113.8 86.8 96.8 72.7 96.8" style="fill: #fff"></polygon>
            <g>
              <g id="Plate_1_x_3_Top_View-3" data-name="Plate_1_x_3_Top_View">
                <polygon id="Brick_1_x_4-36" data-name="Brick_1_x_4" points="72.7 60.3 72.7 60.3 65.7 60.3 58.6 60.3 51.6 60.3 51.6 67.3 58.6 67.3 65.7 67.3 72.7 67.3 72.7 60.3" style="fill: #009bd7"></polygon>
              </g>
              <rect id="Brick_1_x_4-37" data-name="Brick_1_x_4" x="72.7" y="60.3" width="7" height="7.04" style="fill: #009bd7"></rect>
              <path id="Studz-27" data-name="Studz" d="M74.1,63.8a2,2,0,0,1,.6-1.5,2.4,2.4,0,0,1,1.6-.7,2.1,2.1,0,0,1,1.5.7,2,2,0,0,1,.6,1.5,2.3,2.3,0,0,1-.6,1.6,2.5,2.5,0,0,1-1.5.6,2.8,2.8,0,0,1-1.6-.6A2.3,2.3,0,0,1,74.1,63.8Z" style="fill: #0086bd"></path>
            </g>
            <g id="Plate_1_x_3_Top_View-4" data-name="Plate_1_x_3_Top_View">
              <polygon id="Brick_1_x_4-38" data-name="Brick_1_x_4" points="86.8 67.3 86.8 67.3 93.8 67.3 100.9 67.3 107.9 67.3 107.9 60.3 100.9 60.3 93.8 60.3 86.8 60.3 86.8 67.3" style="fill: #009bd7"></polygon>
            </g>
            <rect id="Brick_1_x_4-39" data-name="Brick_1_x_4" x="79.8" y="60.3" width="7" height="7.04" style="fill: #009bd7"></rect>
            <path id="Studz-28" data-name="Studz" d="M85.4,63.8a2.3,2.3,0,0,1-.6,1.6,2.5,2.5,0,0,1-1.5.6,2.8,2.8,0,0,1-1.6-.6,2.3,2.3,0,0,1-.6-1.6,2,2,0,0,1,.6-1.5,2.4,2.4,0,0,1,1.6-.7,2.1,2.1,0,0,1,1.5.7A2,2,0,0,1,85.4,63.8Z" style="fill: #0086bd"></path>
            <g>
              <g>
                <g id="Plate_1_x_3_Top_View-5" data-name="Plate_1_x_3_Top_View">
                  <polygon id="Brick_1_x_4-40" data-name="Brick_1_x_4" points="93.8 74.4 93.8 74.4 100.9 74.4 107.9 74.4 115 74.4 115 67.3 107.9 67.3 100.9 67.3 93.8 67.3 93.8 74.4" style="fill: #009bd7"></polygon>
                </g>
                <rect id="Brick_1_x_4-41" data-name="Brick_1_x_4" x="86.8" y="67.3" width="7" height="7.04" style="fill: #009bd7"></rect>
              </g>
              <g>
                <g id="Plate_1_x_3_Top_View-6" data-name="Plate_1_x_3_Top_View">
                  <polygon id="Brick_1_x_4-42" data-name="Brick_1_x_4" points="93.8 81.4 93.8 81.4 100.9 81.4 107.9 81.4 115 81.4 115 74.4 107.9 74.4 100.9 74.4 93.8 74.4 93.8 81.4" style="fill: #009bd7"></polygon>
                </g>
                <rect id="Brick_1_x_4-43" data-name="Brick_1_x_4" x="86.8" y="74.4" width="7" height="7.04" style="fill: #009bd7"></rect>
              </g>
            </g>
            <g>
              <g>
                <g id="Plate_1_x_3_Top_View-7" data-name="Plate_1_x_3_Top_View">
                  <polygon id="Brick_1_x_4-44" data-name="Brick_1_x_4" points="65.7 74.4 65.7 74.4 58.6 74.4 51.6 74.4 44.6 74.4 44.6 81.4 51.6 81.4 58.6 81.4 65.7 81.4 65.7 74.4" style="fill: #009bd7"></polygon>
                </g>
                <rect id="Brick_1_x_4-45" data-name="Brick_1_x_4" x="65.7" y="74.4" width="7" height="7.04" style="fill: #009bd7"></rect>
              </g>
              <g>
                <g id="Plate_1_x_3_Top_View-8" data-name="Plate_1_x_3_Top_View">
                  <polygon id="Brick_1_x_4-46" data-name="Brick_1_x_4" points="65.7 67.3 65.7 67.3 58.6 67.3 51.6 67.3 44.6 67.3 44.6 74.4 51.6 74.4 58.6 74.4 65.7 74.4 65.7 67.3" style="fill: #009bd7"></polygon>
                </g>
                <rect id="Brick_1_x_4-47" data-name="Brick_1_x_4" x="65.7" y="67.3" width="7" height="7.04" style="fill: #009bd7"></rect>
              </g>
            </g>
            <g id="Plate_1_x_2_Top_View-9" data-name="Plate_1_x_2_Top_View">
              <polygon points="79.8 67.3 72.7 67.3 72.7 74.4 72.7 81.4 79.8 81.4 86.8 81.4 86.8 74.4 86.8 67.3 79.8 67.3" style="fill: #009bd7"></polygon>
              <path id="Studz-29" data-name="Studz" d="M81.9,74.4a2.1,2.1,0,0,1-2.1,2.1,2.3,2.3,0,0,1-1.6-.6,2,2,0,0,1-.6-1.5,2.1,2.1,0,0,1,2.2-2.2,2,2,0,0,1,1.5.6A2.3,2.3,0,0,1,81.9,74.4Z" style="fill: #0086bd"></path>
              <path id="Studz-30" data-name="Studz" d="M81.3,74.4a1.4,1.4,0,0,1-1.5,1.5,1.5,1.5,0,0,1-1.6-1.5,1.7,1.7,0,0,1,1.6-1.6,1.5,1.5,0,0,1,1.5,1.6Z" style="fill: #009bd7"></path>
            </g>
            <g>
              <g>
                <g>
                  <g id="Plate_1_x_3_Top_View-9" data-name="Plate_1_x_3_Top_View">
                    <polygon id="Brick_1_x_4-48" data-name="Brick_1_x_4" points="93.8 130.7 93.8 123.6 93.8 116.6 86.8 116.6 86.8 123.6 86.8 130.7 93.8 130.7" style="fill: #009bd7"></polygon>
                  </g>
                  <rect id="Brick_1_x_4-49" data-name="Brick_1_x_4" x="86.8" y="81.4" width="7" height="7.04" style="fill: #009bd7"></rect>
                  <path id="Studz-31" data-name="Studz" d="M90.3,82.8a2.3,2.3,0,0,1,1.6.6,2,2,0,0,1,.6,1.5,2.1,2.1,0,0,1-2.2,2.2,2,2,0,0,1-1.5-.6,2.4,2.4,0,0,1-.7-1.6,2.1,2.1,0,0,1,.7-1.5A2,2,0,0,1,90.3,82.8Z" style="fill: #0086bd"></path>
                </g>
                <g>
                  <g id="Plate_1_x_3_Top_View-10" data-name="Plate_1_x_3_Top_View">
                    <polygon id="Brick_1_x_4-50" data-name="Brick_1_x_4" points="86.8 95.5 86.8 95.5 86.8 102.5 86.8 109.6 86.8 116.6 93.8 116.6 93.8 109.6 93.8 102.5 93.8 95.5 86.8 95.5" style="fill: #009bd7"></polygon>
                  </g>
                  <rect id="Brick_1_x_4-51" data-name="Brick_1_x_4" x="86.8" y="88.4" width="7" height="7.04" style="fill: #009bd7"></rect>
                  <path id="Studz-32" data-name="Studz" d="M90.3,94.1a2,2,0,0,1-1.5-.6,2.4,2.4,0,0,1-.7-1.6,2.1,2.1,0,0,1,.7-1.5,2,2,0,0,1,1.5-.6,2.3,2.3,0,0,1,1.6.6,2,2,0,0,1,.6,1.5,2.1,2.1,0,0,1-2.2,2.2Z" style="fill: #0086bd"></path>
                </g>
              </g>
              <g id="Plate_1_x_3_Top_View-11" data-name="Plate_1_x_3_Top_View">
                <polygon id="Brick_1_x_4-52" data-name="Brick_1_x_4" points="107.9 116.6 107.9 81.4 93.8 81.4 93.8 123.6 93.8 130.7 107.9 116.6" style="fill: #009bd7"></polygon>
              </g>
            </g>
            <g>
              <g>
                <g>
                  <g id="Plate_1_x_3_Top_View-12" data-name="Plate_1_x_3_Top_View">
                    <polygon id="Brick_1_x_4-53" data-name="Brick_1_x_4" points="65.7 130.7 65.7 123.6 65.7 116.6 72.7 116.6 72.7 123.6 72.7 130.7 65.7 130.7" style="fill: #009bd7"></polygon>
                  </g>
                  <rect id="Brick_1_x_4-54" data-name="Brick_1_x_4" x="65.7" y="81.4" width="7" height="7.04" style="fill: #009bd7"></rect>
                  <path id="Studz-33" data-name="Studz" d="M69.2,82.8a2,2,0,0,0-1.5.6,2.1,2.1,0,0,0-.7,1.5,2.4,2.4,0,0,0,.7,1.6,2,2,0,0,0,1.5.6,1.9,1.9,0,0,0,1.5-.6,2.4,2.4,0,0,0,.7-1.6,2.1,2.1,0,0,0-.7-1.5A1.9,1.9,0,0,0,69.2,82.8Z" style="fill: #0086bd"></path>
                </g>
                <g>
                  <g id="Plate_1_x_3_Top_View-13" data-name="Plate_1_x_3_Top_View">
                    <polygon id="Brick_1_x_4-55" data-name="Brick_1_x_4" points="72.7 95.5 72.7 95.5 72.7 102.5 72.7 109.6 72.7 116.6 65.7 116.6 65.7 109.6 65.7 102.5 65.7 95.5 72.7 95.5" style="fill: #009bd7"></polygon>
                  </g>
                  <rect id="Brick_1_x_4-56" data-name="Brick_1_x_4" x="65.7" y="88.4" width="7" height="7.04" style="fill: #009bd7"></rect>
                  <path id="Studz-34" data-name="Studz" d="M69.2,94.1a1.9,1.9,0,0,0,1.5-.6,2.4,2.4,0,0,0,.7-1.6,2.1,2.1,0,0,0-.7-1.5,1.9,1.9,0,0,0-1.5-.6,2,2,0,0,0-1.5.6,2.1,2.1,0,0,0-.7,1.5,2.4,2.4,0,0,0,.7,1.6A2,2,0,0,0,69.2,94.1Z" style="fill: #0086bd"></path>
                </g>
              </g>
              <g id="Plate_1_x_3_Top_View-14" data-name="Plate_1_x_3_Top_View">
                <polygon id="Brick_1_x_4-57" data-name="Brick_1_x_4" points="51.6 116.6 51.6 81.4 65.7 81.4 65.7 123.6 65.7 130.7 51.6 116.6" style="fill: #009bd7"></polygon>
              </g>
            </g>
            <path d="M93.8,74.4c0-2.6,1.7-4.7,3.4-4.7h7.1s.4.1.4.4v2.1l.5.3v3.7l-.5.3v2.1a.5.5,0,0,1-.4.5H97.2c-1.7,0-3.4-2.1-3.4-4.7m8.5,0-3.4-2.2v4.3Z" style="fill: #ffd400"></path>
            <polygon points="79.8 81.4 72.7 81.4 72.7 82.8 86.8 82.8 86.8 81.4 79.8 81.4" style="fill: #181716"></polygon>
            <g>
              <path d="M85.5,89.3a2.8,2.8,0,0,0-2-.9h-.9v-1a2.5,2.5,0,0,0-.9-2,2.7,2.7,0,0,0-1.9-.8,2.8,2.8,0,0,0-2,.8,2.9,2.9,0,0,0-.9,2v1H76a3.1,3.1,0,0,0-2.8,2.8,2.5,2.5,0,0,0,.9,2,2.8,2.8,0,0,0,1.9.9h7.5a3.3,3.3,0,0,0,2-.9,2.8,2.8,0,0,0,.8-2A2.7,2.7,0,0,0,85.5,89.3Z" style="fill: #181716"></path>
              <g>
                <path id="Studz-35" data-name="Studz" d="M85.7,91.2a2.4,2.4,0,0,1-.7,1.6,2,2,0,0,1-1.5.6,2.1,2.1,0,0,1-2.2-2.2,2,2,0,0,1,.6-1.5,2.3,2.3,0,0,1,1.6-.6,2,2,0,0,1,1.5.6A2.1,2.1,0,0,1,85.7,91.2Z" style="fill: #4b4541"></path>
                <path id="Studz-36" data-name="Studz" d="M85,91.2a1.2,1.2,0,0,1-.4,1.1,1.6,1.6,0,0,1-1.1.5,1.7,1.7,0,0,1-1.6-1.6,1.5,1.5,0,0,1,1.6-1.5,2.1,2.1,0,0,1,1.1.4A1.5,1.5,0,0,1,85,91.2Z" style="fill: #9f9a96"></path>
              </g>
              <g>
                <path id="Studz-37" data-name="Studz" d="M78.2,91.2a2.3,2.3,0,0,1-.6,1.6,2.1,2.1,0,0,1-1.6.6,2,2,0,0,1-1.5-.6,2.3,2.3,0,0,1-.6-1.6A2.1,2.1,0,0,1,76,89.1a2.1,2.1,0,0,1,1.6.6A2,2,0,0,1,78.2,91.2Z" style="fill: #4b4541"></path>
                <path id="Studz-38" data-name="Studz" d="M77.6,91.2A1.7,1.7,0,0,1,76,92.8a1.5,1.5,0,0,1-1.5-1.6A1.4,1.4,0,0,1,76,89.7a1.5,1.5,0,0,1,1.6,1.5Z" style="fill: #9f9a96"></path>
              </g>
              <path id="Studz-39" data-name="Studz" d="M81.9,87.4a2.3,2.3,0,0,1-.6,1.6,2,2,0,0,1-1.5.6,2.1,2.1,0,0,1-2.2-2.2,2,2,0,0,1,.6-1.5,2.4,2.4,0,0,1,1.6-.7,2.1,2.1,0,0,1,1.5.7A2,2,0,0,1,81.9,87.4Z" style="fill: #4b4541"></path>
              <path id="Studz-40" data-name="Studz" d="M81.3,87.4a2.1,2.1,0,0,1-.4,1.1,1.6,1.6,0,0,1-1.1.5,1.3,1.3,0,0,1-1.1-.5,1.5,1.5,0,0,1,0-2.2,1.2,1.2,0,0,1,1.1-.4,1.5,1.5,0,0,1,1.1.4A2.1,2.1,0,0,1,81.3,87.4Z" style="fill: #e7e7e8"></path>
            </g>
          </g>
        </g>
      </g>
    </g>
  </g>
</svg>
  
</div>
              
            
!

CSS

              
                #container{
  height:1000px;
  position:relative;
}


svg#robot-vernie{
  /* width:25%!important; */
  height:285px!important;
  position:absolute;
  top:250px;
  left:0;
  z-index:-5;
  /* transform:scale(1.5) rotate(15deg); */
  /* transform:scale(1.5); */
  filter:saturate(0);
  /* transform-origin:center center!important; */
  transform-origin:center!important;
  transform-box:fill-box!important;
}

svg g#Eyebrow_Left,
svg g#Eyebrow_Right,
svg path#Studz-17,
svg path#Studz-22{
  transform-origin:center!important;
  transform-box:fill-box!important;
}

svg g#Head_Vernie{
/*   transform-origin:40px 60px!important;
  transform-box:fill-box!important; */
}
              
            
!

JS

              
                console.clear();
function SVG_Vernie_Robot_Anim(){
        let timeline_master = gsap.timeline({
            scrollTrigger: {
                trigger: "#container",
                start:"0",
                end:"120",
                scrub: true,
                // markers: true
            }
        });

        var timeline_robot_slide = gsap.timeline({
                trigger: ".container",
                start:"100",
                end:"120",
                scrub: true,
                markers: true
        });
        var timeline_robot_head_inner_elements = gsap.timeline({
            trigger: ".container",
                start:"100",
                end:"120",
                scrub: true,
                // markers: true
        });

        var robot = document.querySelector("svg#robot-vernie");
        var robot_head = document.querySelector("#Head_Vernie");
        var robot_eyebrow_left = document.querySelector("g#Eyebrow_Left");
        var robot_eyebrow_right = document.querySelector("g#Eyebrow_Right");

       
        timeline_robot_slide
        .to(robot, 1,{x: 300, rotation: 10})
  
//ROBOT HEAD
  
        // .fromTo(robot_head,{transform:'rotate(0deg)' 'translate(50px 50px)'}{,{{transform:'rotate(25deg)' 'translate(50px 50px)'})
  

        // .fromTo(robot_head,{xPercent:10,yPercent:10},{transform:'rotate(25deg)', xPercent:10,yPercent:10})
        // .fromTo(robot_head,{attr: {transform: "translate(40, 50) scale(0.2, 0.2)"}},{transform:'rotate(25deg)', attr: {transform: "translate(40, 50) scale(0.2, 0.2)"}})
        // .fromTo(robot_head,{attr: {transform: "translate(40, 50)"}},{transform:'rotate(25deg)', attr: {transform: "translate(40, 50)"}})
        .to(robot_head, {rotation: 25, svgOrigin: "80 40" },1)
        ;

        timeline_robot_head_inner_elements
        .to(robot_eyebrow_left, .5, {transform:'rotate(-25deg)'},1.3)
        .to(robot_eyebrow_right, .5, {transform:'rotate(25deg)'},1.4)
        // to(robot_pupil_left, 1, {scale:'1.2'})
        // to(robot_pupil_right, 1, {scale:'1.2'})
        ;

        timeline_master
        .add(timeline_robot_slide,0)
        // .add(timeline_robot_inner_elements,"-=1")
        .add(timeline_robot_head_inner_elements,1)
        ;
    }
    SVG_Vernie_Robot_Anim();
              
            
!
999px

Console