🌍 Public
Viewing a saved revision (read-only)
6a73f945e06e4c76aa890e92d479192b
Shapes and Colors with SVG and CSS
This example demonstrates how SVG shapes and colors can be styled with CSS, using circles, rectangles, lines, and a path. It shows inline presentation attributes like `fill` and `stroke` alongside a `<g>` element that applies shared styles, and CSS classes that define stroke properties for line elements. The SVG is scaled with a transform, and the page hides overflow. The code uses raw SVG markup with no JavaScript libraries, relying on CSS for line styling.
AI-generated descriptionAn example including some commonly used features of SVG.