Why the second eye does not exist?

Question

https://code.sololearn.com/W1x7TT1u1f79/?ref=app

Answer 1

Reduce the sizes of SVGs, it's outside of the screen...

Answer 2

I've explained it inside the code
so please read all the comments in it(the grey stuff)

https://code.sololearn.com/WPSRmWXPNRU7/?ref=app

Answer 3

but why are you using 2 seperate svg's??🤔
when
you can draw multiple shapes in single <svg> tag
like

<svg blah_blah = daba_daba_doo >

eye1

eye2

</svg>

Answer 4

<svg width="200" height="200">
<circle cx="80" cy="80" r="50" fill="none" stroke="black" />
<circle cx="80" cy="80" r="25" fill="red" />
<circle cx="80" cy="80" r="10" fill="black" />
<circle cx="90" cy="70" r="5" fill="white" />
</svg>

<svg width="400" height="200">
<circle cx="200" cy="80" r="50" fill="none" stroke="black"/>
<circle cx="200" cy="80" r="25"
fill="red"/>
<circle cx="200" cy="80" r="10"
fill="black"/>
<circle cx="90" cy="70" r="5"
fill="white"/>
</svg>