This example shows two SVG paths drawn inside a React application. One path traces a rectangular outline with a black stroke and no fill, while the other forms a stepped shape with a green stroke, light green fill, and 50% opacity. The code uses React and ReactDOM to render the SVG directly, specifying path data via the `d` attribute with absolute commands like `M`, `H`, `V`, and `z`. Both paths are grouped in a `<g>` element with a shared stroke style.