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

.bl { //blue
  fill: #87c0ea;
}
.red {//red
  fill: #ff0000;
}
.blk {
  fill: #010101;
}
.wht {
  fill: #ffffff;
}
View Compiled
Rerun