This example demonstrates basic SVG shapes—circles, rectangles, lines, and paths—styled through inline attributes and CSS classes. It shows uncolored shapes, shapes with explicit fill colors, and a group with inherited fill and stroke properties. The code uses raw SVG elements within an HTML page, linked to a separate stylesheet that applies stroke width, colors, and round line joins. No JavaScript libraries are involved; rendering relies entirely on the browser’s native SVG support.