This example displays a collection of geometric shapes—circles, rectangles, lines, and a path—rendered as inline SVG elements within an HTML page. It demonstrates how CSS styles, such as stroke, fill, and stroke-width, apply both globally and through class selectors to control appearance. The code uses raw SVG markup and a stylesheet, with groups and transforms to position and scale shapes, offering a simple introduction to combining SVG and CSS for vector graphics.