JSFiddle - React, Tailwind, and code Playground

by Fred Fourie

HTML

<svg width="100" height="100">
    <circle cx="50" cy="50" r="50" stroke="black" stroke-width="1" fill="#1B75BC"/>	
	<circle cx="50" cy="50" r="45" stroke="black" stroke-width="1" fill="white" />	
  
    <polygon points="50,10 55,35 55,60 45,60 45,35,10" fill="yellow" stroke="black" transform="rotate(220,50,50)" id="point"></polygon>
    
  
     <polygon points="55,60 70,65 70,70 53,70     
     50,80 50,95 50,80 
     47,70 30,70 30,65 45,60" fill="black" stroke="black" transform="rotate(220,50,50)" id="point"></polygon>

</svg>