console
<svg width="500"height="500" viewBox="0 0 100 100">
<path d="M0,0 L100,0 100,100 0,100 0,0"fill="none"stroke="purple"stroke-width="0.5"/>
<path d="M0,10 H100 M0,20 H100 M0,30 H100 M0,40 H100 M0,50 H100
M0,60 H100 M0,70 H100 M0,80 H100 M0,90 H100 "stroke="pink"stroke-width="0.5"fill="none"/>
<path d="M10,0 V100 M20,0 V100 M30,0 V100 M40,0 V100 M50,0 V100
M60,0 V100 M70,0 V100M80,0 V100M90,0 V100"stroke="pink"stroke-width="0.5"/>
<!-- <path d="M20,30 H50 V20 L80,40 50,60 V50 H20 z"
stroke="gray"stroke-width="0.5"fill="gray"/>
<path d="M80,70 h-30 v-10 l-30,20 30,20 v-10 h30 z"
stroke="inherit" stroke-width="0.5"fill="blue"/>
<path d="M10,10 h20 v20 z"stroke="gray"stroke-width="0.5"/> -->
<!-- <path d="M100,60 Q 80,60 80,80 80,100 60,100"
stroke="pink"stroke-width="0.5"fill="none"/>
<path d="M100,60 Q 80,60 80,80 T60,100 "
stroke="GOLD"stroke-width="0.5"fill="none"/> -->
<circle r="10"cx="70"cy="40"fill="GOLD"stroke="GOLD"/>
<path d="M83,40 L90,40 M70,27 L70,20 M80,30 L85,25 M60,30 L55,25 "
fill="GOLD"stroke="GOLD"stroke-width="2"/>
<path d="M40,80 L70,80 Q90,65 70,50 Q45,30 30,50 20,70 40,80"
stroke="black"stroke-width="0.5"fill="white"/>
<defs>
<g id="ff">
<circle cx="0"cy="0"r="2"
</g>
</defs>
<use xlink:href="#ff"x="40"y="55"/>
<use xlink:href="#ff"x="60"y="55"/>
<defs>
<g id="tt">
<ellipse cx="0"cy="0"rx="5"ry="2"fill="pink"
</g>
</defs>
<use xlink:href="#tt"x="40"y="67"/>
<use xlink:href="#tt"x="60"y="67"/>
<path d="M45,60 Q50,70 55,60"stroke="black"fill="none"/>
</svg>