How to make a “bent rectangle” in SVG?

Question

I have a project I am working on that requires me to make a circular navigation with buttons that look like the bars around the Iron Man thing pictured below. I can draw simple

Answer 1

Yeah SVG is the answer here. The base shape:

This builds the shape using a path element as described here https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths and a little trigonometry.