Arcs, chords and segments are circles instead of paths

Summary:

I have a weird problem where SVG circles don't show up anywhere from image viewer to firefox or chrome!

Images

Here are the things I did: 1. I have drawn a simple check mark with a circle: 

I also drew another one:

2. Now I am trying to put that in my webpage! But if I open my file manager, I see this:

On image viewer:

And same thing on firefox:

What could be wrong with my art?

Steps to reproduce:

• Open Inkscape
• Switch to ellipse tool
• Draw an ellipse
• Change it to an arc/chord/segment by altering the start/end angles
• Draw a new arc/chord/segment

What happened?

• Invalid svg created
• The circles won't appear anywhere from firefox to chrome to any image viewer or thumbnail generator :(

What should have happened?

• Valid svg
• The circles should appear anywhere from firefox to chrome to any image viewer or thumbnail generator :)

Sample attachments: check.svg

check-filled.svg

Version Info:

- Inkscape Version: Inkscape 1.0.2 (e86c870879, 2021-01-15, custom)
    Pango version: 1.48.5
- Operating System: Archlinux x86-64
- Operating System version: Rolling