Took me 3h to make this. A good morning exercise (due to technical issues couldn't upload sooner)!
As the logo consists of many irregular shapes, recreating it required a lot of "thinking in layers and masks". The most surprising way to make irregular shapes that I found out was using various border-radius properties that vary depending on the border as well as applying various border-widths to various borders. [this sentence sounded dodgy...]
Naturally, as a creator, I am my own most "critical critic criticizing to the fullest", so I am still aware that the white hair between the eyes could be improved using some CSS magic. Same applies for the tongue and mouth area overall.
I also didn't know what font was used for the numbers inside the eyes, so I had to search for the closest match. Those were fun 20 minutes... XD
In the image below the original is on the right and my creation is on the left.
See the result: http://codepen.io/achudars/full/cinde See the code: http://codepen.io/achudars/pen/cinde