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>