<div class="container">
  <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
    <!-- top -->
    <rect height="10" width="20" x="40" y="0" />
    
    <rect height="10" width="10" x="30" y="10" />
    <rect height="10" width="20" x="40" y="10" class="gl" />
    <rect height="10" width="10" x="60" y="10" />
    
    <rect height="20" width="20" x="40" y="20" />
    
    <rect height="10" width="10" x="30" y="40" />
    <rect height="10" width="20" x="40" y="40" class="gl" />
    <rect height="10" width="20" x="60" y="40" />
    
    <rect height="10" width="10" x="20" y="50" />
    <rect height="10" width="10" x="30" y="50" class="gl" />
    <rect height="10" width="20" x="40" y="50" />
    <rect height="10" width="20" x="60" y="50" class="gd" />
    <rect height="10" width="10" x="80" y="50" />
    
    <rect height="10" width="10" x="10" y="60" />
    <rect height="10" width="10" x="90" y="60" />
    <rect height="10" width="10" x="20" y="60" class="gl" />
    <rect height="10" width="60" x="30" y="60" class="gd"/>
    
    <rect height="140" width="10" x="0" y="70" />
    <rect height="150" width="90" x="10" y="70" class="gd"/>
    <rect height="20" width="10" x="10" y="70" class="gl" />
    
    <rect height="30" width="10" x="100" y="70" />
    <rect height="10" width="90" x="30" y="90" />
    
    <rect height="50" width="10" x="20" y="100" />
    <rect height="30" width="10" x="30" y="100" class="gl" />
    <rect height="10" width="10" x="40" y="100" class="gl" />
    <rect height="10" width="20" x="100" y="100" class="gd" />
    <rect height="60" width="10" x="120" y="100" />
    
    <!-- eyes -->
    <rect height="30" width="30" x="50" y="120" class="wht" />
    <rect height="30" width="30" x="90" y="120" class="wht" />
    <rect height="10" width="10" x="70" y="130" />
    <rect height="10" width="10" x="110" y="130" />
    
    <rect height="10" width="70" x="50" y="110" />
    <rect height="40" width="10" x="40" y="120" />
    <rect height="10" width="90" x="30" y="150" />
    
    <!-- mouth -->
    <rect height="20" width="70" x="30" y="180" class="wht" />
    <rect height="10" width="70" x="30" y="170" />
    <rect height="10" width="60" x="30" y="200" />
    
    <rect height="20" width="10" x="20" y="180" />
    <rect height="20" width="10" x="40" y="180" />
    <rect height="20" width="10" x="60" y="180" />
    <rect height="20" width="10" x="80" y="180" />
    <rect height="10" width="10" x="90" y="190" />
    
    <rect height="50" width="10" x="100" y="160" />
    
    <rect height="10" width="10" x="10" y="210" />
    <rect height="10" width="10" x="90" y="210" />
    
    <rect height="10" width="70" x="20" y="220" />
    
  </svg>
</div>
body {  
  background-color: #33aeac;
  margin: 0;
  padding: 0;
}
.container {
  margin: 40px auto;
  width: 130px;
  height: 230px;
  svg {
    height: 100%;
    width: 100%;
  }
}

.gl { //grey light
  fill: #b5b5b5;
}
.gd { //grey dark
  fill: #626361;
}
.blk {
  fill: #010101;
}
.wht {
  fill: #ffffff;
}
View Compiled
Rerun