svg-part-one-smiley.html

<svg>  
  <circle cx="60" cy ="35" r="34" 
          fill="yellow"
          stroke="black"
          stroke-width="2"
  />
  <circle cx="45" cy ="25" r="5"
          stroke="black"
          stroke-width="2"
  />
  <circle cx="75" cy ="25" r="5" 
          stroke="black"
          stroke-width="2"
  />
  
  <path d="  M 40 40           
             a 10 10, 0, 0, 0, 40, 0
             " 
             fill="none"
             stroke="black"
             stroke-width="2" 
   />
   <line x1="36" x2="44" y1="40" y2="40" 
             stroke="black"
             stroke-width="2" 
   />
   <line x1="76" x2="84" y1="40" y2="40" 
             stroke="black"
             stroke-width="2" 
   />
</svg>