<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 600 400" enable-background="new 0 0 600 400" xml:space="preserve">
   
    <circle id="head" cx="300" cy="191" r="124.3"/>
  
    <path id="mouth" d="M258.3,235c2.6,20.7,20.3,36.7,41.7,36.7c21.4,0,39-16,41.7-36.7L258.3,235L258.3,235z"/>
  
    <g id="eyes">
        <path d="M344.9,216.4
          c0-10.9,5.1-19.7,11.5-19.7s11.5,8.8,11.5,19.7"/>
        <path d="M232,216.4
          c0-10.9,5.1-19.7,11.5-19.7c6.3,0,11.5,8.8,11.5,19.7"/>
    </g>
  
    <g id="teeth">
        <path d="M269.2,235c0.7,7.6,1.6,12.2,2.6,12.2c1,0,1.9-4.6,2.6-12.2H269.2z"/>
        <path d="M325.6,235c0.7,7.6,1.6,12.2,2.6,12.2c1,0,1.9-4.6,2.6-12.2H325.6z"/>
    </g>
  
    <path id="nose" d="M300.3,194c-10,0-19.1,2.4-26.1,6.3c0.6,2.7,1.4,5.2,2.3,7.5c15.9-0.5,15.9,6.7,6.2,10.6
        c8.2,9.6,27.8,11.4,35.5,1.4c-11.3-6.3-5.6-11.3,5.2-10.2c0.9-2.8,1.7-6,2.3-9.6C318.9,196.3,310,194,300.3,194z"/>
</svg>
body {
  background: #30292c;
}

#head {
  fill: #c1b2a3;
}

#nose {
  fill: #60432e;
}

#mouth {
  fill: #d14d37;
}

#teeth path {
  fill: #fff;
}

#eyes path {
  fill: none;
  stroke: #1b426d;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-opacity: 0.7;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.